From 67f8af50b0fd62e6432c0b36572276172bf1e1bf Mon Sep 17 00:00:00 2001
From: norulers <norulers@vip.qq.com>
Date: Mon, 23 Feb 2026 08:39:20 +0800
Subject: [PATCH 1/2] feat(i18n): Add i18n infrastructure and Chinese
 translations

- Add vue-i18n dependency and i18n plugin
- Create English and Chinese translation files (en.json, zh.json)
- Add Vuetify Chinese locale support
- Configure i18n with fallback locale and locale persistence

feat(i18n): Integrate i18n across all components with enhancements

- Add i18n to ExternalFeaturesDiscoveryModal, WidgetBar, IFrame, ConfigurationGeneralView
- Add en/zh translations for all new upstream components
- Export getAvailableCockpitActions for dynamic translations
- Resolve merge conflicts in VideoLibraryModal and WidgetHugger
---
 .eslintrc.cjs                                 |    1 +
 package.json                                  |    1 +
 src/App.vue                                   |   30 +-
 src/components/About.vue                      |   28 +-
 src/components/AltitudeSlider.vue             |    2 +-
 src/components/ArchitectureWarning.vue        |   30 +-
 src/components/ArmSafetyDialog.vue            |   32 +-
 src/components/CameraReplacementDialog.vue    |   39 +-
 src/components/DataLakeVariableDialog.vue     |   28 +-
 src/components/DataPrivacyModal.vue           |   33 +-
 src/components/EditMenu.vue                   |  151 +-
 .../ExternalFeaturesDiscoveryModal.vue        |  179 +-
 src/components/GlobalOriginDialog.vue         |   44 +-
 src/components/InputElementConfig.vue         |   55 +-
 src/components/InteractionDialog.vue          |    4 +-
 src/components/LanguageSwitcher.vue           |   66 +
 src/components/MainMenu.vue                   |   44 +-
 src/components/MiniWidgetInstantiator.vue     |    4 +-
 src/components/MissionChecklist.vue           |   25 +-
 src/components/SplashScreen.vue               |   22 +-
 src/components/TransformingFunctionDialog.vue |   48 +-
 src/components/Tutorial.vue                   |  131 +-
 src/components/UpdateNotification.vue         |   46 +-
 src/components/UserNameInputDialog.vue        |   63 +-
 src/components/VehicleDiscoveryDialog.vue     |   30 +-
 src/components/VideoLibraryModal.vue          |  284 +-
 src/components/VideoPlayerStatsForNerds.vue   |   44 +-
 src/components/WidgetBar.vue                  |   13 +-
 src/components/WidgetHugger.vue               |    4 +-
 .../configuration/ActionLinkConfig.vue        |   46 +-
 .../configuration/CockpitSettingsManager.vue  |   82 +-
 .../configuration/HttpRequestActionConfig.vue |   67 +-
 .../configuration/JavascriptActionConfig.vue  |   22 +-
 .../MavlinkMessageActionConfig.vue            |   45 +-
 .../custom-widget-elements/Checkbox.vue       |    6 +-
 .../custom-widget-elements/Dial.vue           |    6 +-
 .../custom-widget-elements/Dropdown.vue       |    6 +-
 .../custom-widget-elements/Slider.vue         |    6 +-
 .../custom-widget-elements/Switch.vue         |    6 +-
 .../development/MAVLinkInspector.vue          |   28 +-
 .../development/MAVLinkInspectorItem.vue      |   26 +-
 .../joysticks/JoystickCalibration.vue         |   76 +-
 src/components/mini-widgets/Alerter.vue       |   29 +-
 src/components/mini-widgets/ArmerButton.vue   |   24 +-
 .../mini-widgets/BaseCommIndicator.vue        |   10 +-
 .../mini-widgets/BatteryIndicator.vue         |   32 +-
 .../mini-widgets/ChangeAltitudeCommander.vue  |    4 +-
 src/components/mini-widgets/Clock.vue         |   11 +-
 .../mini-widgets/DepthIndicator.vue           |    2 +-
 .../mini-widgets/EkfStateIndicator.vue        |    6 +-
 src/components/mini-widgets/EnterEditMode.vue |    2 +-
 src/components/mini-widgets/GoFullScreen.vue  |    2 +-
 .../mini-widgets/JoystickCommIndicator.vue    |   20 +-
 .../mini-widgets/MiniMissionControlPanel.vue  |   30 +-
 .../mini-widgets/MiniVideoRecorder.vue        |   22 +-
 .../mini-widgets/MissionIdentifier.vue        |   15 +-
 src/components/mini-widgets/ModeSelector.vue  |   76 +-
 .../RelativeAltitudeIndicator.vue             |    2 +-
 .../mini-widgets/SatelliteIndicator.vue       |   35 +-
 src/components/mini-widgets/SnapshotTool.vue  |   49 +-
 .../mini-widgets/TakeoffLandCommander.vue     |   19 +-
 .../mini-widgets/VeryGenericIndicator.vue     |   65 +-
 src/components/mini-widgets/ViewSelector.vue  |   47 +-
 .../mission-planning/CommandInputForm.vue     |   37 +-
 .../mission-planning/ContextMenu.vue          |   48 +-
 .../HomePositionSettingHelp.vue               |   10 +-
 .../mission-planning/MissionEstimates.vue     |   45 +-
 .../mission-planning/ScanDirectionDial.vue    |    4 +-
 .../mission-planning/SurveyVertexList.vue     |   10 +-
 .../mission-planning/WaypointConfigPanel.vue  |   59 +-
 src/components/poi/PoiManager.vue             |  116 +-
 src/components/widgets/Attitude.vue           |   14 +-
 .../widgets/CollapsibleContainer.vue          |   34 +-
 src/components/widgets/Compass.vue            |    9 +-
 src/components/widgets/CompassHUD.vue         |   24 +-
 src/components/widgets/DepthHUD.vue           |    6 +-
 src/components/widgets/DoItYourself.vue       |   57 +-
 src/components/widgets/IFrame.vue             |   43 +-
 src/components/widgets/ImageView.vue          |    6 +-
 src/components/widgets/Map.vue                |  173 +-
 .../widgets/MissionControlPanel.vue           |   38 +-
 src/components/widgets/Plotter.vue            |  154 +-
 src/components/widgets/URLVideoPlayer.vue     |   16 +-
 src/components/widgets/VideoPlayer.vue        |   63 +-
 src/composables/armSafetyDialog.ts            |    5 +-
 src/electron/main.ts                          |    2 +
 src/electron/preload.ts                       |    1 +
 src/electron/services/menu.ts                 |  328 ++
 ...ink-message-actions-message-definitions.ts |   31 +
 src/libs/cosmos.ts                            |    6 +
 src/libs/joystick/protocols.ts                |   12 +-
 .../joystick/protocols/cockpit-actions.ts     |   65 +-
 src/libs/joystick/protocols/other.ts          |   21 +-
 .../protocols/predefined-resources.ts         |   54 +-
 src/libs/sensors-logging.ts                   |    4 +-
 src/libs/slide-to-confirm.ts                  |  110 +-
 src/libs/utils-vue.ts                         |    5 +-
 src/libs/vehicle/mavlink/vehicle.ts           |   30 +-
 src/locales/zh.json                           | 1950 +++++++
 src/main.ts                                   |    3 +-
 src/plugins/i18n.ts                           |   49 +
 src/plugins/vuetify.ts                        |   28 +-
 src/stores/alert.ts                           |    3 +-
 src/stores/controller.ts                      |   23 +-
 src/stores/mainVehicle.ts                     |   50 +-
 src/stores/omniscientLogger.ts                |   13 +-
 src/stores/snapshot.ts                        |    3 +-
 src/stores/vehicleAlerter.ts                  |   10 +-
 src/stores/video.ts                           |   82 +-
 src/stores/widgetManager.ts                   |   27 +-
 src/styles/global.css                         |   24 +
 src/views/AboutView.vue                       |    2 +-
 src/views/ConfigurationActionsView.vue        |   90 +-
 src/views/ConfigurationAlertsView.vue         |   45 +-
 src/views/ConfigurationDevelopmentView.vue    |   28 +-
 src/views/ConfigurationGeneralView.vue        |  222 +-
 src/views/ConfigurationJoystickView.vue       |  246 +-
 src/views/ConfigurationLogsView.vue           |  121 +-
 src/views/ConfigurationMAVLinkView.vue        |   82 +-
 src/views/ConfigurationMissionView.vue        |   96 +-
 src/views/ConfigurationUIView.vue             |   41 +-
 src/views/ConfigurationVideoView.vue          |  219 +-
 src/views/MissionPlanningView.vue             |  348 +-
 src/views/ToolsDataLakeView.vue               |   59 +-
 src/views/ToolsMAVLinkView.vue                |    6 +-
 src/views/WidgetsView.vue                     |    4 +-
 yarn.lock                                     | 4859 +++++++++--------
 127 files changed, 8616 insertions(+), 4162 deletions(-)
 create mode 100644 src/components/LanguageSwitcher.vue
 create mode 100644 src/electron/services/menu.ts
 create mode 100644 src/locales/zh.json
 create mode 100644 src/plugins/i18n.ts

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index cfbda46158..9a37fd7703 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -102,6 +102,7 @@ module.exports = {
         ignoreHTMLAttributeValues: true,
         ignoreHTMLTextContents: true,
         ignoreUrls: true,
+        ignoreStrings: true,
       },
     ],
   },
diff --git a/package.json b/package.json
index b7d72a2e21..b8f8208b02 100644
--- a/package.json
+++ b/package.json
@@ -88,6 +88,7 @@
     "vue": "^3.4.21",
     "vue-draggable-plus": "^0.2.0-beta.2",
     "vue-draggable-resizable": "3.0.0",
+    "vue-i18n": "9",
     "vue-router": "^4.0.14",
     "vue-virtual-scroller": "^2.0.0-beta.8",
     "vue3-slider": "^1.9.0",
diff --git a/src/App.vue b/src/App.vue
index f36d2965f5..13d899e1fb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -117,6 +117,8 @@
 <script setup lang="ts">
 import { useStorage } from '@vueuse/core'
 import { computed, onBeforeMount, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useLocale } from 'vuetify'
 
 import ArchitectureWarning from '@/components/ArchitectureWarning.vue'
 import CameraReplacementDialog from '@/components/CameraReplacementDialog.vue'
@@ -172,6 +174,30 @@ useSnapshotStore()
 // VehicleDefaultsAutoImportModal when the user still needs to make a decision.
 useVehicleDefaultsAutoImport()
 
+// Sync Vuetify locale with vue-i18n
+const { locale: i18nLocale, t } = useI18n()
+const { current: vuetifyLocale } = useLocale()
+
+// Map vue-i18n locales to Vuetify locales
+const localeMap: Record<string, string> = {
+  en: 'en',
+  zh: 'zhHans',
+}
+
+// Watch for i18n locale changes and update Vuetify
+watch(
+  i18nLocale,
+  (newLocale) => {
+    vuetifyLocale.value = localeMap[newLocale] || 'en'
+
+    // Update Electron menu language if running in Electron
+    if (window.electronAPI?.updateMenuLanguage) {
+      window.electronAPI.updateMenuLanguage(newLocale)
+    }
+  },
+  { immediate: true }
+)
+
 const showAboutDialog = ref(false)
 const currentSubMenuComponent = ref<SubMenuComponent>(null)
 
@@ -267,7 +293,7 @@ watch(
       showReconnectedFeedback.value = false
       if (!vehicleStore.isVehicleConnectionLost) return
       openSnackbar({
-        message: 'Vehicle connection lost: reestablishing',
+        message: t('Vehicle connection lost'),
         variant: 'error',
         duration: 3000,
         closeButton: false,
@@ -275,7 +301,7 @@ watch(
       return
     }
 
-    openSnackbar({ message: 'Vehicle connected', variant: 'success', duration: 3000, closeButton: false })
+    openSnackbar({ message: t('Vehicle is connected'), variant: 'success', duration: 3000, closeButton: false })
     showReconnectedFeedback.value = true
     reconnectedFeedbackTimeout = setTimeout(() => (showReconnectedFeedback.value = false), 4000)
   }
diff --git a/src/components/About.vue b/src/components/About.vue
index 03e15cd534..fb91cbae33 100644
--- a/src/components/About.vue
+++ b/src/components/About.vue
@@ -16,26 +16,32 @@
           <div class="w-[90%] flex justify-between my-6 py-3">
             <div class="w-[45%] flex flex-col text-start">
               <p class="mb-1">
-                Cockpit is an intuitive and customizable cross-platform ground control station for remote vehicles of
-                all types.
+                {{
+                  $t(
+                    'Cockpit is an intuitive and customizable cross-platform ground control station for remote vehicles of all types.'
+                  )
+                }}
               </p>
-              <p class="my-3">It was created by Blue Robotics and is entirely open-source.</p>
+              <p class="my-3">{{ $t("It was created by Blue Robotics and it's fully open source.") }}</p>
               <p class="mt-1">
-                It currently supports Ardupilot-based vehicles, but has plans to support any generic vehicle, be it
-                communicating MAVLink or not.
+                {{
+                  $t(
+                    'It currently supports Ardupilot-based vehicles but plans to support any general vehicle, whether MAVLink-communicating or not.'
+                  )
+                }}
               </p>
             </div>
             <div class="w-[45%] flex flex-col justify-end text-end">
               <p class="mb-1">
-                Version
+                {{ $t('Version') }}
                 <a :href="app_version.link" target="_blank" class="text-primary hover:underline">
                   {{ app_version.version }}
                 </a>
                 <br />
-                <span class="text-sm text-gray-500">Released: {{ app_version.date }}</span>
+                <span class="text-sm text-gray-500">{{ $t('Released') }}: {{ app_version.date }}</span>
               </p>
-              <p class="my-3">Created by Blue Robotics</p>
-              <p class="mt-1">Licensed under AGPL-3.0-only or LicenseRef-Cockpit-Custom</p>
+              <p class="my-3">{{ $t('Created by Blue Robotics') }}</p>
+              <p class="mt-1">{{ $t('License: AGPL-3.0-only OR LicenseRef-Cockpit-Custom') }}</p>
             </div>
           </div>
           <div class="mb-5 flex justify-center align-center">
@@ -67,7 +73,9 @@
         </div>
       </template>
       <template #actions
-        ><div class="flex w-full justify-end"><v-btn @click="closeDialog">Close</v-btn></div></template
+        ><div class="flex w-full justify-end">
+          <v-btn @click="closeDialog">{{ $t('Close') }}</v-btn>
+        </div></template
       >
     </InteractionDialog>
   </teleport>
diff --git a/src/components/AltitudeSlider.vue b/src/components/AltitudeSlider.vue
index 4b8892f7be..a37e286c27 100644
--- a/src/components/AltitudeSlider.vue
+++ b/src/components/AltitudeSlider.vue
@@ -10,7 +10,7 @@
       always-show-handle="true"
       step="0.1"
     />
-    <div class="slider-value"><span>Alt (Rel)</span></div>
+    <div class="slider-value"><span>{{ $t('Alt (Rel)') }}</span></div>
     <div class="slider-value">{{ formattedValue }}</div>
   </div>
 </template>
diff --git a/src/components/ArchitectureWarning.vue b/src/components/ArchitectureWarning.vue
index 138294b186..2b0abd8e54 100644
--- a/src/components/ArchitectureWarning.vue
+++ b/src/components/ArchitectureWarning.vue
@@ -1,7 +1,7 @@
 <template>
   <InteractionDialog
     v-model="showArchWarningDialog"
-    title="Performance Warning"
+    :title="$t('Performance Warning')"
     variant="text-only"
     :actions="dialogActions"
     max-width="820"
@@ -10,16 +10,22 @@
       <div class="flex items-center justify-center mb-2">
         <v-icon class="text-yellow text-[60px] mx-8">mdi-alert-rhombus</v-icon>
         <div class="flex flex-col font-medium gap-y-3 w-full">
-          You are running the x64 version of Cockpit on an Apple Silicon Mac (M series), which causes severely degraded
-          performance, including:
+          {{
+            $t(
+              'You are running the x64 version of Cockpit on an Apple Silicon Mac (M series), which causes severely degraded performance, including:'
+            )
+          }}
           <ul class="mt- ml-4">
-            <li>- 3-4x slower application startup times</li>
-            <li>- 2x the memory usage</li>
-            <li>- Reduced overall performance</li>
+            <li>- {{ $t('3-4x slower application startup times') }}</li>
+            <li>- {{ $t('2x the memory usage') }}</li>
+            <li>- {{ $t('Reduced overall performance') }}</li>
           </ul>
           <p class="text-sm text-gray-600 mt-2">
-            This warning cannot be disabled - we strongly recommend that you download and install the intended version
-            for your system.
+            {{
+              $t(
+                'This warning cannot be disabled - we strongly recommend that you download and install the intended version for your system.'
+              )
+            }}
           </p>
         </div>
       </div>
@@ -29,22 +35,24 @@
 
 <script setup lang="ts">
 import { onBeforeMount, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import InteractionDialog, { type Action } from '@/components/InteractionDialog.vue'
 import { isElectron } from '@/libs/utils'
 import { PlatformUtils } from '@/types/platform'
 
+const { t } = useI18n()
 const showArchWarningDialog = ref(false)
 
-const dialogActions = [
+const dialogActions: Action[] = [
   {
-    text: 'Dismiss',
+    text: t('Dismiss'),
     action: () => {
       showArchWarningDialog.value = false
     },
   },
   {
-    text: 'Download ARM64 Version',
+    text: t('Download ARM64 Version'),
     action: () => {
       window.open('https://github.com/bluerobotics/cockpit/releases/', '_blank')
       showArchWarningDialog.value = false
diff --git a/src/components/ArmSafetyDialog.vue b/src/components/ArmSafetyDialog.vue
index 9f2d0e55bd..e230891ea9 100644
--- a/src/components/ArmSafetyDialog.vue
+++ b/src/components/ArmSafetyDialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <InteractionDialog v-model="show" title="Be careful" variant="text-only" max-width="780px" :persistent="false">
+  <InteractionDialog v-model="show" :title="$t('Be careful')" variant="text-only" max-width="780px" :persistent="false">
     <template #content>
       <div class="flex gap-x-2 absolute top-0 right-0 py-2 pr-3">
         <slot name="help-icon"></slot>
@@ -11,20 +11,31 @@
       <div class="flex items-center justify-center mb-6">
         <v-icon class="text-yellow text-[60px] mx-8">mdi-alert-rhombus</v-icon>
         <p class="w-[560px] text-balance">
-          The vehicle is currently armed, and the main-menu contains configurations and tools that can cause unsafe
-          situations.
+          {{
+            $t(
+              'The vehicle is currently armed, and the main-menu contains configurations and tools that can cause unsafe situations.'
+            )
+          }}
+        </p>
+        <p class="w-[560px] text-balance">
+          {{ $t('Come back later, or proceed carefully with one of the following options:') }}
         </p>
-        <p class="w-[560px] text-balance">Come back later, or proceed carefully with one of the following options:</p>
       </div>
     </template>
     <template #actions>
       <div class="flex items-center justify-between gap-8 w-full text-md">
-        <button class="option-button" @click="neverAskAgain">Continue and never warn again</button>
+        <button class="option-button" @click="neverAskAgain">
+          {{ $t('Continue and never warn again') }}
+        </button>
         <button class="option-button" @click="doNotAskAgainInThisSession">
-          Continue and don't warn again during this session
+          {{ $t("Continue and don't warn again during this session") }}
+        </button>
+        <button class="option-button" @click="continueAnyway">
+          {{ $t('Continue anyway') }}
+        </button>
+        <button class="option-button" @click="disarmVehicle">
+          {{ $t('Disarm vehicle and continue') }}
         </button>
-        <button class="option-button" @click="continueAnyway">Continue anyway</button>
-        <button class="option-button" @click="disarmVehicle">Disarm vehicle and continue</button>
       </div>
     </template>
   </InteractionDialog>
@@ -32,6 +43,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import InteractionDialog from '@/components/InteractionDialog.vue'
 import { useSnackbar } from '@/composables/snackbar'
@@ -39,6 +51,8 @@ import { useAlertStore } from '@/stores/alert'
 import { useAppInterfaceStore } from '@/stores/appInterface'
 import { useMainVehicleStore } from '@/stores/mainVehicle'
 
+const { t } = useI18n()
+
 const vehicleStore = useMainVehicleStore()
 const alertStore = useAlertStore()
 const interfaceStore = useAppInterfaceStore()
@@ -65,7 +79,7 @@ const neverAskAgain = (): void => {
   continueAnyway()
 
   openSnackbar({
-    message: 'Armed menu warning disabled. You can re-enable it in the Settings > Alerts menu.',
+    message: t('Armed menu warning disabled. You can re-enable it in the Settings > Alerts menu.'),
     variant: 'info',
     duration: 10000,
     closeButton: true,
diff --git a/src/components/CameraReplacementDialog.vue b/src/components/CameraReplacementDialog.vue
index 170fe095b4..5b8b4b8669 100644
--- a/src/components/CameraReplacementDialog.vue
+++ b/src/components/CameraReplacementDialog.vue
@@ -1,7 +1,7 @@
 <template>
   <InteractionDialog
     :show-dialog="showDialog"
-    title="Camera stream change detected"
+    :title="$t('Camera stream change detected')"
     :actions="dialogActions"
     variant="text-only"
     max-width="520px"
@@ -10,8 +10,11 @@
     <template #content>
       <div class="flex flex-col gap-4 min-w-[340px]">
         <p class="text-sm text-gray-300">
-          We noticed that a stream used by your widgets is no longer available, but a new stream has appeared. This
-          usually happens when replacing a camera. Would you like to update your widgets to use the new stream?
+          {{
+            $t(
+              'We noticed that a stream used by your widgets is no longer available, but a new stream has appeared. This usually happens when replacing a camera. Would you like to update your widgets to use the new stream?'
+            )
+          }}
         </p>
 
         <div v-for="orphan in orphanedWidgetStreams" :key="orphan.externalId" class="flex flex-col gap-3">
@@ -20,20 +23,20 @@
               <v-icon size="18" color="red-lighten-1">mdi-video-off</v-icon>
               <span class="font-medium text-white text-sm">{{ orphan.internalName }}</span>
               <v-chip size="x-small" color="red-darken-1" variant="flat" label class="text-white ml-auto">
-                Unavailable
+                {{ $t('Unavailable') }}
               </v-chip>
             </div>
             <div class="stream-card-details">
               <div class="detail-row">
-                <span class="detail-label">Source</span>
+                <span class="detail-label">{{ $t('Source') }}</span>
                 <span class="detail-value">{{ orphan.displayInfo.source }}</span>
               </div>
               <div class="detail-row">
-                <span class="detail-label">Stream ID</span>
+                <span class="detail-label">{{ $t('Stream ID') }}</span>
                 <span class="detail-value text-xs">{{ orphan.externalId }}</span>
               </div>
               <div class="detail-row">
-                <span class="detail-label">Type</span>
+                <span class="detail-label">{{ $t('Type') }}</span>
                 <span class="detail-value">
                   <v-chip
                     size="x-small"
@@ -47,7 +50,7 @@
                 </span>
               </div>
               <div v-if="orphan.displayInfo.resolution !== 'Unknown'" class="detail-row">
-                <span class="detail-label">Resolution</span>
+                <span class="detail-label">{{ $t('Resolution') }}</span>
                 <span class="detail-value">
                   {{ orphan.displayInfo.resolution }}
                   <template v-if="orphan.displayInfo.fps"> @ {{ orphan.displayInfo.fps }}</template>
@@ -69,7 +72,7 @@
               density="compact"
               variant="outlined"
               hide-details
-              label="Replace with"
+              :label="$t('Replace with')"
             />
           </div>
           <template v-else>
@@ -78,20 +81,20 @@
                 <v-icon size="18" color="green-lighten-1">mdi-video</v-icon>
                 <span class="font-medium text-white text-sm">{{ corr.name }}</span>
                 <v-chip size="x-small" color="green-darken-1" variant="flat" label class="text-white ml-auto">
-                  Available
+                  {{ $t('Available') }}
                 </v-chip>
               </div>
               <div class="stream-card-details">
                 <div class="detail-row">
-                  <span class="detail-label">Source</span>
+                  <span class="detail-label">{{ $t('Source') }}</span>
                   <span class="detail-value">{{ videoStore.getStreamDisplayInfo(corr.externalId).source }}</span>
                 </div>
                 <div class="detail-row">
-                  <span class="detail-label">Stream ID</span>
+                  <span class="detail-label">{{ $t('Stream ID') }}</span>
                   <span class="detail-value text-xs">{{ corr.externalId }}</span>
                 </div>
                 <div class="detail-row">
-                  <span class="detail-label">Type</span>
+                  <span class="detail-label">{{ $t('Type') }}</span>
                   <span class="detail-value">
                     <v-chip
                       size="x-small"
@@ -109,7 +112,7 @@
                   </span>
                 </div>
                 <div v-if="videoStore.getStreamDisplayInfo(corr.externalId).resolution !== '...'" class="detail-row">
-                  <span class="detail-label">Resolution</span>
+                  <span class="detail-label">{{ $t('Resolution') }}</span>
                   <span class="detail-value">
                     {{ videoStore.getStreamDisplayInfo(corr.externalId).resolution }}
                     <template v-if="videoStore.getStreamDisplayInfo(corr.externalId).fps">
@@ -123,7 +126,7 @@
         </div>
 
         <p class="text-xs text-gray-500 mt-1">
-          {{ affectedWidgetCount }} widget{{ affectedWidgetCount === 1 ? '' : 's' }} will be updated.
+          {{ $t('{count} widget(s) will be updated.', { count: affectedWidgetCount }) }}
         </p>
       </div>
     </template>
@@ -132,6 +135,7 @@
 
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useBlueOsStorage } from '@/composables/settingsSyncer'
 import { useVideoStore } from '@/stores/video'
@@ -142,6 +146,7 @@ import { MiniWidgetType, WidgetType } from '@/types/widgets'
 
 import InteractionDialog, { type Action } from './InteractionDialog.vue'
 
+const { t } = useI18n()
 const videoStore = useVideoStore()
 const widgetStore = useWidgetManagerStore()
 
@@ -341,14 +346,14 @@ const handleDialogClose = (value: boolean): void => {
 
 const dialogActions = computed((): Action[] => [
   {
-    text: 'Dismiss',
+    text: t('Dismiss'),
     action: () => {
       markDismissed()
       showDialog.value = false
     },
   },
   {
-    text: 'Replace stream',
+    text: t('Replace stream'),
     color: 'white',
     action: replaceStreams,
   },
diff --git a/src/components/DataLakeVariableDialog.vue b/src/components/DataLakeVariableDialog.vue
index 71760814fc..6de8c2f974 100644
--- a/src/components/DataLakeVariableDialog.vue
+++ b/src/components/DataLakeVariableDialog.vue
@@ -1,15 +1,15 @@
-<template>
+<template>
   <v-dialog :model-value="modelValue" max-width="560px" @update:model-value="emit('update:modelValue', $event)">
     <v-card class="rounded-lg" :style="interfaceStore.globalGlassMenuStyles">
       <v-card-title class="text-h6 font-weight-bold py-4 text-center">
-        {{ editMode ? 'Edit Variable' : 'New Variable' }}
+        {{ editMode ? $t('Edit Variable') : $t('New Variable') }}
       </v-card-title>
       <v-card-text class="px-8">
         <div class="flex flex-col gap-4">
           <div class="flex items-center gap-2">
             <v-text-field
               v-model="variable.id"
-              label="Variable ID"
+              :label="$t('Variable ID')"
               variant="outlined"
               :disabled="editMode || !isManualIdEnabled"
               :rules="[(v) => !!v || 'ID is required']"
@@ -29,14 +29,14 @@
           </div>
           <v-text-field
             v-model="variable.name"
-            label="Variable Name"
+            :label="$t('Variable Name')"
             variant="outlined"
             :rules="[(v) => !!v || 'Name is required']"
             density="compact"
             hide-details
           />
           <div class="flex items-center gap-2">
-            <label class="text-sm">Variable Type: </label>
+            <label class="text-sm">{{ $t('Variable Type') }}: </label>
             <v-radio-group
               v-model="variable.type"
               :rules="[(v) => !!v || 'Type is required']"
@@ -44,9 +44,9 @@
               hide-details
               inline
             >
-              <v-radio class="ml-3 mr-4" label="String" value="string" />
-              <v-radio class="ml-3 mr-4" label="Number" value="number" />
-              <v-radio class="ml-3 mr-4" label="Boolean" value="boolean" />
+              <v-radio class="ml-3 mr-4" :label="$t('String')" value="string" />
+              <v-radio class="ml-3 mr-4" :label="$t('Number')" value="number" />
+              <v-radio class="ml-3 mr-4" :label="$t('Boolean')" value="boolean" />
             </v-radio-group>
           </div>
           <v-text-field
@@ -60,16 +60,16 @@
           />
           <v-textarea
             v-model="variable.description"
-            label="Description"
+            :label="$t('Description')"
             variant="outlined"
-            placeholder="Optional description of what this variable is used for"
+            :placeholder="$t('Optional description of what this transformation does')"
             rows="1"
             density="compact"
             hide-details
           />
           <v-checkbox
             v-model="variable.persistent"
-            label="Persist variable between boots"
+            :label="$t('Persist between boots')"
             hide-details
             class="-mb-4 -mt-2"
           />
@@ -77,7 +77,7 @@
             v-model="variable.persistValue"
             class="-my-4"
             hide-details
-            label="Save variable value between boots"
+            :label="$t('Save value between boots')"
             :disabled="!variable.persistent"
           />
         </div>
@@ -85,8 +85,8 @@
       <v-divider class="mx-10" />
       <v-card-actions>
         <div class="flex justify-between items-center pa-2 w-full h-full">
-          <v-btn color="white" variant="text" @click="closeDialog">Cancel</v-btn>
-          <v-btn color="white" :disabled="!isValid" @click="saveVariable">Save</v-btn>
+          <v-btn color="white" variant="text" @click="closeDialog">{{ $t('Cancel') }}</v-btn>
+          <v-btn color="white" :disabled="!isValid" @click="saveVariable">{{ $t('Save') }}</v-btn>
         </div>
       </v-card-actions>
     </v-card>
diff --git a/src/components/DataPrivacyModal.vue b/src/components/DataPrivacyModal.vue
index b910b700ea..0a4c3a536b 100644
--- a/src/components/DataPrivacyModal.vue
+++ b/src/components/DataPrivacyModal.vue
@@ -3,7 +3,7 @@
     <InteractionDialog v-model:show-dialog="isVisible" max-width="560" variant="text-only">
       <template #title>
         <div class="relative flex items-center w-full justify-center">
-          <span>Shared Data</span>
+          <span>{{ $t('Shared Data') }}</span>
           <v-btn
             icon="mdi-close"
             size="small"
@@ -17,8 +17,11 @@
       <template #content>
         <div class="flex flex-col w-full -mt-6 gap-4 mb-2">
           <p class="text-sm text-white/85">
-            To help us understand how Cockpit is being used and prioritise the development effort, the application
-            shares a small set of anonymous information with the Blue Robotics team.
+            {{
+              $t(
+                'To help us understand how Cockpit is being used and prioritise the development effort, the application shares a small set of anonymous information with the Blue Robotics team.'
+              )
+            }}
           </p>
 
           <div
@@ -31,7 +34,7 @@
             @keydown.space.prevent="shareHardwareDetails = !shareHardwareDetails"
           >
             <div class="flex items-center gap-3">
-              <span class="text-[14px] font-semibold text-white">Detailed hardware specifications</span>
+              <span class="text-[14px] font-semibold text-white">{{ $t('Detailed hardware specifications') }}</span>
               <v-switch
                 v-model="shareHardwareDetails"
                 hide-details
@@ -44,20 +47,26 @@
               />
             </div>
             <p class="text-[12px] text-white/70 leading-snug mt-1">
-              Adds the device manufacturer / model, CPU and GPU details, total memory and storage, and display size
-              information. Helps us know which hardware we should target and test for.
+              {{
+                $t(
+                  'Adds the device manufacturer / model, CPU and GPU details, total memory and storage, and display size information. Helps us know which hardware we should target and test for.'
+                )
+              }}
             </p>
           </div>
 
           <div class="rounded-md bg-white/[0.04] border border-white/10 px-3 py-3">
             <div class="flex items-center gap-2">
               <v-icon size="18" color="#7ad1aa">mdi-information-outline</v-icon>
-              <span class="text-[14px] font-semibold text-white">Basic information</span>
-              <span class="text-[11px] text-white/55 ml-auto">Always shared</span>
+              <span class="text-[14px] font-semibold text-white">{{ $t('Basic information') }}</span>
+              <span class="text-[11px] text-white/55 ml-auto">{{ $t('Always shared') }}</span>
             </div>
             <p class="text-[12px] text-white/70 leading-snug mt-1">
-              Cockpit version, runtime, system context (operating system, system language, window size, touch
-              capability) and connected vehicle type / firmware. This baseline cannot be turned off.
+              {{
+                $t(
+                  'Cockpit version, runtime, system context (operating system, system language, window size, touch capability) and connected vehicle type / firmware. This baseline cannot be turned off.'
+                )
+              }}
             </p>
           </div>
         </div>
@@ -72,9 +81,9 @@
             target="_blank"
             rel="noopener"
           >
-            View documentation
+            {{ $t('View documentation') }}
           </v-btn>
-          <v-btn variant="flat" size="small" class="bg-[#FFFFFF33] text-white" @click="close">Close</v-btn>
+          <v-btn variant="flat" size="small" class="bg-[#FFFFFF33] text-white" @click="close">{{ $t('Close') }}</v-btn>
         </div>
       </template>
     </InteractionDialog>
diff --git a/src/components/EditMenu.vue b/src/components/EditMenu.vue
index c1cdda0090..e32fd8d772 100644
--- a/src/components/EditMenu.vue
+++ b/src/components/EditMenu.vue
@@ -1,11 +1,11 @@
-<template>
+<template>
   <div
     v-if="editMode"
     class="flex fixed top-[5vh] 2xl:left-[22.5vw] xl:left-[21.5vw] left-[20.7vw] bg-[#334a5755] border-[1px] border-[#ffffff25] text-[#FFFFFF] backdrop-blur-lg elevation-5 pr-4 rounded-full cursor-pointer hover:brightness-125 2xl:scale-90 xl:scale-75 scale-[60%]"
     @click="() => emit('update:editMode', false)"
   >
     <v-btn icon="mdi-close" size="54" class="bg-[#334a5755] text-[#FFFFFFCC] text-[28px] rounded-full elevation-5" />
-    <div class="ml-2 mt-[7px] text-[26px]">Exit</div>
+    <div class="ml-2 mt-[7px] text-[26px]">{{ $t('Exit') }}</div>
   </div>
   <div v-if="editMode" class="flex fixed top-0 left-0 h-[100vh] w-[22vw] bg-[#031C2B]" />
   <div
@@ -16,7 +16,9 @@
       <div class="pt-1 bg-[#041e2e99] pb-2">
         <div class="flex justify-center w-full bg-[#CBCBCB09] relative">
           <div class="flex 2xl:max-w-[400px] xl:max-w-[330px] lg:max-w-[260px] justify-center 2xl:py-2 py-1 text-md">
-            <p class="overflow-hidden 2xl:text-sm text-xs text-ellipsis whitespace-nowrap opacity-60">Views</p>
+            <p class="overflow-hidden 2xl:text-sm text-xs text-ellipsis whitespace-nowrap opacity-60">
+              {{ $t('Views') }}
+            </p>
           </div>
           <v-menu offset-y theme="dark">
             <template #activator="{ props: buttonProps }">
@@ -31,7 +33,7 @@
             <v-list>
               <v-list-item class="hover:bg-white/[0.04]">
                 <label class="flex w-full h-full cursor-pointer justify-between">
-                  <v-list-item-title>Import views</v-list-item-title>
+                  <v-list-item-title>{{ $t('Import views') }}</v-list-item-title>
                   <input
                     type="file"
                     accept="application/json"
@@ -43,7 +45,7 @@
               </v-list-item>
               <v-list-item @click="store.exportViewsGroup(store.currentProfile)">
                 <div class="flex w-full justify-between">
-                  <v-list-item-title>Export views</v-list-item-title>
+                  <v-list-item-title>{{ $t('Export views') }}</v-list-item-title>
                   <v-icon size="20">mdi-download</v-icon>
                 </div>
               </v-list-item>
@@ -55,13 +57,13 @@
               </v-list-item>
               <v-list-item @click="store.snapToGrid = !store.snapToGrid">
                 <div class="flex w-full justify-between mt-[6px]">
-                  <v-list-item-title>{{ store.snapToGrid ? 'Disable grid' : 'Enable grid' }}</v-list-item-title>
+                  <v-list-item-title>{{ store.snapToGrid ? $t('Disable grid') : $t('Enable grid') }}</v-list-item-title>
                   <v-icon size="22">{{ store.snapToGrid ? 'mdi-grid' : 'mdi-grid-off' }}</v-icon>
                 </div>
               </v-list-item>
               <v-list-item @click="resetViewsGroup">
                 <div class="flex w-full justify-between mt-[6px]">
-                  <v-list-item-title class="mr-6">Reset to default</v-list-item-title>
+                  <v-list-item-title class="mr-6">{{ $t('Reset to default') }}</v-list-item-title>
                   <v-icon size="20" class="mt-[2px]">mdi-reload</v-icon>
                 </div>
               </v-list-item>
@@ -81,7 +83,9 @@
               class="view-drag-handle cursor-grab mr-1 -ml-[1px] opacity-40 2xl:text-[24px] xl:text-[22px] text-[18px]"
             />
             <v-divider vertical />
-            <p class="overflow-hidden text-sm text-ellipsis ml-3 whitespace-nowrap">{{ view.name }}</p>
+            <p class="overflow-hidden text-sm text-ellipsis ml-3 whitespace-nowrap">
+              {{ translateViewName(view.name) }}
+            </p>
             <div class="grow" />
             <div
               class="icon-btn mdi mdi-eye"
@@ -109,7 +113,7 @@
     <div class="flex justify-center w-full bg-[#CBCBCB09] shrink-0">
       <div class="flex 2xl:max-w-[400px] xl:max-w-[330px] lg:max-w-[260px] justify-center 2xl:py-2 py-1 text-md">
         <p class="overflow-hidden 2xl:text-sm text-xs text-ellipsis whitespace-nowrap opacity-60">
-          Widgets in {{ store.currentView.name }}
+          {{ $t('Widgets in') }} {{ translateViewName(store.currentView.name) }}
         </p>
       </div>
     </div>
@@ -127,7 +131,7 @@
           <div
             class="flex w-[90%] justify-between items-center 2xl:text-[18px] xl:text-[16px] lg:text-[14px] -mb-3 font-normal ml-2"
           >
-            Main view area
+            {{ $t('Main view area') }}
             <v-badge
               :content="store.currentView.widgets.length"
               color="#4FA483"
@@ -162,7 +166,7 @@
                   />
                   <v-divider vertical />
                   <p class="ml-3 overflow-hidden 2xl:text-sm text-xs text-ellipsis whitespace-nowrap">
-                    {{ widget.name }}
+                    {{ translateWidgetName(widget.name, widget.component) }}
                   </p>
                   <div class="grow" />
                   <v-divider vertical class="opacity-10 mr-[2px]" />
@@ -195,7 +199,7 @@
           <div
             class="flex w-[90%] justify-between items-center 2xl:text-[18px] xl:text-[16px] lg:text-[14px] -mb-3 font-normal ml-2"
           >
-            Top Bar
+            {{ $t('Top Bar') }}
             <v-badge
               :content="
                 store.miniWidgetContainersInCurrentView.reduce((count, container) => {
@@ -217,7 +221,7 @@
           >
             <div v-if="miniWidgetContainer.name.startsWith('Top')">
               <span class="w-full px-1 2xl:text-sm text-xs text-left select-none text-slate-400">{{
-                miniWidgetContainer.name
+                translateContainerName(miniWidgetContainer.name)
               }}</span>
               <div class="flex flex-col items-center w-full 2xl:px-3 overflow-x-hidden grow">
                 <TransitionGroup name="fade">
@@ -234,7 +238,7 @@
                   >
                     <div class="flex items-center justify-start w-full overflow-auto">
                       <p class="overflow-hidden select-none text-ellipsis whitespace-nowrap 2xl:text-sm text-xs ml-3">
-                        {{ widget.name || widget.component }}
+                        {{ translateMiniWidgetName(widget.name || widget.component) }}
                       </p>
                     </div>
                     <v-divider vertical class="opacity-10 mr-1" />
@@ -262,7 +266,7 @@
           <div
             class="flex w-[90%] justify-between items-center 2xl:text-[18px] xl:text-[16px] lg:text-[14px] -mb-3 font-normal ml-2"
           >
-            Bottom Bar
+            {{ $t('Bottom Bar') }}
             <v-badge
               :content="
                 store.miniWidgetContainersInCurrentView.reduce((count, container) => {
@@ -284,7 +288,7 @@
           >
             <div v-if="miniWidgetContainer.name.startsWith('Bottom')">
               <span class="w-full px-1 2xl:text-sm text-xs text-left select-none text-slate-400">{{
-                miniWidgetContainer.name
+                translateContainerName(miniWidgetContainer.name)
               }}</span>
               <div class="flex flex-col items-center w-full 2xl:px-3 overflow-x-hidden grow">
                 <TransitionGroup name="fade">
@@ -304,7 +308,7 @@
                   >
                     <div class="flex items-center justify-start w-full overflow-auto">
                       <p class="overflow-hidden select-none text-ellipsis whitespace-nowrap 2xl:text-sm text-xs ml-3">
-                        {{ widget.name || widget.component }}
+                        {{ translateMiniWidgetName(widget.name || widget.component) }}
                       </p>
                     </div>
                     <v-divider vertical class="opacity-10 mr-1" />
@@ -335,7 +339,7 @@
           <div
             class="flex w-[90%] justify-between items-center 2xl:text-[18px] xl:text-[16px] lg:text-[14px] -mb-3 font-normal ml-2"
           >
-            {{ miniWidgetContainer.name }}
+            {{ translateContainerName(miniWidgetContainer.name) }}
             <v-badge
               :content="miniWidgetContainer.widgets?.length"
               color="#4FA483"
@@ -362,7 +366,7 @@
                 >
                   <div class="flex items-center justify-start w-full overflow-auto">
                     <p class="overflow-hidden select-none text-ellipsis whitespace-nowrap 2xl:text-sm text-xs ml-3">
-                      {{ widget.name || widget.component }}
+                      {{ translateMiniWidgetName(widget.name || widget.component) }}
                     </p>
                   </div>
                   <v-divider vertical class="opacity-10 mr-1" />
@@ -386,13 +390,15 @@
       class="flex flex-col justify-around items-center 2xl:w-[30%] w-[25%] max-w-[240px] h-full text-white 2xl:pr-2 px-1 2xl:py-5 xl:py-4 lg:py-1"
     >
       <div>
-        <p class="2xl:text-md text-xs ml-1">Widget type:</p>
+        <p class="2xl:text-md text-xs ml-1">{{ $t('Widget type:') }}</p>
         <v-select
           v-model="widgetMode"
           theme="dark"
           variant="filled"
           density="compact"
-          :items="['Regular', 'Mini', 'Input']"
+          :items="widgetModeOptions"
+          item-title="title"
+          item-value="value"
           class="bg-[#27384255] 2xl:scale-100 scale-[80%]"
           hide-details
           @change="widgetMode = $event"
@@ -400,19 +406,23 @@
       </div>
       <div class="flex flex-col items-center justify-start w-full pl-2">
         <div v-show="widgetMode === 'Regular'" class="w-[90%] 2xl:text-[16px] text-xs text-center mt-6">
-          To be placed on the main view area
+          {{ $t('To be placed on the main view area') }}
+        </div>
+        <div v-show="widgetMode === 'Regular'" class="text-xs mt-3 2xl:px-3 px-2 rounded-lg">
+          {{ $t('(Drag card to add)') }}
         </div>
-        <div v-show="widgetMode === 'Regular'" class="text-xs mt-3 2xl:px-3 px-2 rounded-lg">(Drag card to add)</div>
         <div v-show="widgetMode === 'Mini'" class="w-[90%] 2xl:text-[16px] text-xs text-center mt-6">
-          To be placed on the top and bottom bars
+          {{ $t('To be placed on the top and bottom bars') }}
+        </div>
+        <div v-show="widgetMode === 'Mini'" class="text-xs mt-3 2xl:px-3 px-2 rounded-lg">
+          {{ $t('(Drag card to add)') }}
         </div>
-        <div v-show="widgetMode === 'Mini'" class="text-xs mt-3 2xl:px-3 px-2 rounded-lg">(Drag card to add)</div>
         <div v-show="widgetMode === 'Input'">
           <v-btn
             type="flat"
             class="bg-[#FFFFFF33] text-white w-[95%]"
             @click="store.addWidget(makeNewWidget(WidgetType.CollapsibleContainer), store.currentView)"
-            >Add new container
+            >{{ $t('Add new container') }}
           </v-btn>
         </div>
       </div>
@@ -438,7 +448,7 @@
           v-if="widget.isExternal"
           class="absolute top-0 left-0 bg-[#135da3] text-white text-xs px-1 py-0.5 rounded-tl-md rounded-br-md"
         >
-          External
+          {{ $t('External') }}
         </div>
 
         <v-tooltip location="top" theme="light">
@@ -450,13 +460,13 @@
               :class="{ 'bg-[#135da3]': widget.isExternal, 'bg-[#4fa483]': !widget.isExternal }"
             >
               <span class="whitespace-normal text-center break-words leading-tight 2xl:text-sm text-xs px-1">{{
-                widget.name.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/^./, (str) => str.toUpperCase())
+                translateWidgetName(widget.name)
               }}</span>
             </div>
           </template>
           <div class="text-center">
             <div v-if="widget.isExternal">{{ widget.name }}</div>
-            <div>Drag to add</div>
+            <div>{{ $t('Drag to add') }}</div>
           </div>
         </v-tooltip>
       </div>
@@ -484,8 +494,7 @@
           class="flex items-center justify-center w-full py-1 px-2 transition-all bg-[#4FA483] rounded-b-md text-white"
         >
           <span class="whitespace-normal text-center">{{
-            miniWidget.name.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/^./, (str) => str.toUpperCase()) ||
-            'Very generic indicator'
+            translateMiniWidgetName(miniWidget.name) || 'Very generic indicator'
           }}</span>
         </div>
       </div>
@@ -512,8 +521,7 @@
           class="flex items-center justify-center w-full py-1 px-2 transition-all bg-[#4FA483] rounded-b-md text-white"
         >
           <span class="whitespace-normal text-center">{{
-            miniWidget.name.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/^./, (str) => str.toUpperCase()) ||
-            'Very generic indicator'
+            translateMiniWidgetName(miniWidget.name) || 'Very generic indicator'
           }}</span>
         </div>
       </div>
@@ -523,19 +531,19 @@
     <GlassModal :is-visible="viewRenameDialogRevealed" class="rounded-lg">
       <v-card class="bg-transparent text-white w-[36rem] pt-6 px-4 pb-2">
         <v-card-text>
-          <p>New view name</p>
+          <p>{{ $t('New view name') }}</p>
           <v-text-field v-model="newViewName" counter="25" variant="filled" />
           <v-switch
             v-model="store.currentView.showBottomBarOnBoot"
-            label="Show bottom bar on boot"
+            :label="$t('Show bottom bar on boot')"
             class="mt-2 mx-2"
             :color="store.currentView.showBottomBarOnBoot ? 'white' : undefined"
           />
         </v-card-text>
         <v-divider />
         <v-card-actions class="flex justify-between pt-3">
-          <v-btn @click="viewRenameDialog.cancel">Cancel</v-btn>
-          <v-btn @click="viewRenameDialog.confirm">Save</v-btn>
+          <v-btn @click="viewRenameDialog.cancel">{{ $t('Cancel') }}</v-btn>
+          <v-btn @click="viewRenameDialog.confirm">{{ $t('Save') }}</v-btn>
         </v-card-actions>
       </v-card>
     </GlassModal>
@@ -552,6 +560,9 @@ import { v4 as uuid } from 'uuid'
 import { computed, onMounted, ref, toRefs, watch } from 'vue'
 import { nextTick } from 'vue'
 import { type UseDraggableOptions, useDraggable, VueDraggable } from 'vue-draggable-plus'
+import { useI18n } from 'vue-i18n'
+
+const { t: $t } = useI18n()
 
 import { defaultMiniWidgetManagerVars } from '@/assets/defaults'
 import AttitudeImg from '@/assets/widgets/Attitude.png'
@@ -604,6 +615,50 @@ const { showDialog, closeDialog } = useInteractionDialog()
 const interfaceStore = useAppInterfaceStore()
 const store = useWidgetManagerStore()
 const mainVehicleStore = useMainVehicleStore()
+const { t } = useI18n()
+
+// Translation mapping for view names
+const translateViewName = (viewName: string): string => {
+  const nameMap: Record<string, string> = {
+    'Video View': t('Video View'),
+    'Map View': t('Map View'),
+    'HUD View': t('HUD View'),
+    'Map view': t('Map View'), // Handle lowercase variant
+  }
+  return nameMap[viewName] || viewName
+}
+
+// Translation mapping for container names
+const translateContainerName = (containerName: string): string => {
+  const nameMap: Record<string, string> = {
+    'Top-left container': t('Top-left container'),
+    'Top-center container': t('Top-center container'),
+    'Top-right container': t('Top-right container'),
+    'Bottom-left container': t('Bottom-left container'),
+    'Bottom-center container': t('Bottom-center container'),
+    'Bottom-right container': t('Bottom-right container'),
+  }
+  return nameMap[containerName] || containerName
+}
+
+// Translation helper for widget names
+const translateWidgetName = (name: string, component?: string): string => {
+  const lookup = component ?? name
+  const translated = t(lookup)
+  if (translated !== lookup) return translated
+  if (component && component !== name) {
+    const fallback = t(name)
+    if (fallback !== name) return fallback
+  }
+  return name
+}
+
+// Translation helper for mini-widget names
+const translateMiniWidgetName = (name: string): string => {
+  const translated = t(name)
+  if (translated !== name) return translated
+  return name
+}
 
 const openVehicleDefaultsImportModal = (): void => {
   interfaceStore.openVehicleDefaultsViewsImport()
@@ -816,7 +871,7 @@ const renameView = (view: View): void => {
 const toggleViewVisibility = (view: View): void => {
   if (view.visible && view === store.currentView) {
     showDialog({
-      message: 'You cannot hide the current view.',
+      message: t('Cannot hide the current view'),
       variant: 'error',
       maxWidth: 400,
     })
@@ -827,16 +882,16 @@ const toggleViewVisibility = (view: View): void => {
 
 const resetViewsGroup = (): void => {
   showDialog({
-    message: 'Are you sure you want to reset your views to the defaults?',
+    message: t('Are you sure you want to reset your profiles to the default ones?'),
     actions: [
       {
-        text: 'cancel',
+        text: t('Cancel'),
         action: () => {
           closeDialog()
         },
       },
       {
-        text: 'reset',
+        text: t('Reset profiles'),
         action: () => {
           store.resetViewsGroup()
           closeDialog()
@@ -868,8 +923,11 @@ const getExternalWidgetSetupInfos = async (): Promise<void> => {
     // Only surface the error to the user when the vehicle is reachable; while it is offline we
     // expect the fetch to fail and a retry will run automatically once it comes online (issue #2650).
     if (mainVehicleStore.isVehicleOnline) {
-      const errorMessage = 'Error getting info around external widgets from BlueOS.'
-      openSnackbar({ message: errorMessage, variant: 'error', closeButton: true })
+      openSnackbar({
+        message: t('Error getting info around external widgets from BlueOS.'),
+        variant: 'error',
+        closeButton: true,
+      })
     }
   }
 }
@@ -922,6 +980,13 @@ onMounted(() => {
 
 const widgetMode = ref('Regular')
 
+// Computed property for translated widget mode options
+const widgetModeOptions = computed(() => [
+  { title: t('Regular'), value: 'Regular' },
+  { title: t('Mini'), value: 'Mini' },
+  { title: t('Input'), value: 'Input' },
+])
+
 // Resize mini widgets so they fit the layout when the widget mode is set to mini widgets
 const miniWidgetContainers = ref<Record<string, HTMLElement>>({})
 watch(widgetMode, async (newValue: string): Promise<void> => {
diff --git a/src/components/ExternalFeaturesDiscoveryModal.vue b/src/components/ExternalFeaturesDiscoveryModal.vue
index 3112be9c4d..fe28b748ba 100644
--- a/src/components/ExternalFeaturesDiscoveryModal.vue
+++ b/src/components/ExternalFeaturesDiscoveryModal.vue
@@ -2,19 +2,21 @@
   <GlassModal :is-visible="isVisible" position="center" no-close-on-outside-click @outside-click="requestCloseModal">
     <div class="features-modal p-4 max-w-[95vw]">
       <div class="flex justify-center items-center mb-2">
-        <h2 class="text-xl font-semibold">BlueOS Extension Features</h2>
+        <h2 class="text-xl font-semibold">{{ $t('BlueOS Extension Features') }}</h2>
       </div>
       <div class="fixed top-1 right-1">
         <v-btn icon="mdi-close" size="small" variant="text" class="text-lg" @click="requestCloseModal"></v-btn>
       </div>
 
       <v-tabs v-model="activeTab" class="mb-4">
-        <v-tab value="actions" :class="{ 'tab-blink': activeTab !== 'actions' && hasPendingActions }">Actions</v-tab>
+        <v-tab value="actions" :class="{ 'tab-blink': activeTab !== 'actions' && hasPendingActions }">
+          {{ $t('Actions') }}
+        </v-tab>
         <v-tab
           value="joystick-suggestions"
           :class="{ 'tab-blink': activeTab !== 'joystick-suggestions' && hasPendingJoystickSuggestions }"
         >
-          Joystick Mappings
+          {{ $t('Joystick Mappings') }}
         </v-tab>
       </v-tabs>
 
@@ -27,21 +29,25 @@
               class="text-center py-8"
             >
               <v-icon size="50" class="mb-3 opacity-50">mdi-lightning-bolt-outline</v-icon>
-              <p class="opacity-70">No actions available from extensions.</p>
+              <p class="opacity-70">
+                {{ $t('No actions available from extensions.') }}
+              </p>
             </div>
 
             <div v-else-if="filteredActions.length === 0" class="text-center py-6">
               <v-icon size="40" class="mb-2 opacity-50">mdi-check-circle-outline</v-icon>
-              <p class="opacity-70 max-w-[70%] mx-auto">No new actions — all extension actions have been reviewed.</p>
+              <p class="opacity-70 max-w-[70%] mx-auto">{{ $t('No new actions — all extension actions have been reviewed.') }}</p>
             </div>
 
             <!-- New Actions -->
             <div v-if="filteredActions.length > 0" class="mb-4">
               <div class="flex items-center gap-2 mb-2">
                 <v-icon size="24">mdi-lightning-bolt-outline</v-icon>
-                <h2 class="text-xl font-semibold">New Actions</h2>
+                <h2 class="text-xl font-semibold">{{ $t('New Actions') }}</h2>
               </div>
-              <p class="mb-2 opacity-70">The following actions are offered to be added by BlueOS extensions:</p>
+              <p class="mb-2 opacity-70">
+                {{ $t('The following actions are offered to be added by BlueOS extensions:') }}
+              </p>
               <v-list class="bg-transparent">
                 <v-list-item v-for="action in filteredActions" :key="action.id" class="mb-3 p-0">
                   <v-card variant="outlined" class="w-full action-card">
@@ -61,9 +67,9 @@
                           size="small"
                           @click="ignoreAction(action)"
                         >
-                          Ignore
+                          {{ $t('Ignore') }}
                         </v-btn>
-                        <span class="text-xs opacity-70">from {{ action.extensionName }}</span>
+                        <span class="text-xs opacity-70">{{ $t('from {name}', { name: action.extensionName }) }}</span>
                         <v-btn
                           class="bg-[#FFFFFF22]"
                           variant="flat"
@@ -71,7 +77,7 @@
                           size="small"
                           @click="addAction(action)"
                         >
-                          Add Action
+                          {{ $t('Add Action') }}
                         </v-btn>
                       </div>
                     </v-card-item>
@@ -88,7 +94,7 @@
                 size="small"
                 @click="showAppliedActions = !showAppliedActions"
               >
-                {{ showAppliedActions ? 'Hide applied actions' : 'Show applied actions' }}
+                {{ showAppliedActions ? $t('Hide applied actions') : $t('Show applied actions') }}
               </v-btn>
               <div v-if="showAppliedActions" class="mt-2">
                 <v-list class="bg-transparent">
@@ -107,7 +113,7 @@
                             prepend-icon="mdi-check"
                             size="small"
                           >
-                            Applied
+                            {{ $t('Applied') }}
                           </v-chip>
                           <v-chip
                             v-else
@@ -116,9 +122,13 @@
                             prepend-icon="mdi-alert-outline"
                             size="small"
                           >
-                            Applied but removed
+                            {{ $t('Applied but removed') }}
                           </v-chip>
-                          <span class="text-xs opacity-70">from {{ action.extensionName }}</span>
+                          <span class="text-xs opacity-70">{{
+                            $t('from {name}', {
+                              name: action.extensionName,
+                            })
+                          }}</span>
                         </div>
                         <div v-if="!existingActionNames.has(action.name)" class="flex justify-center gap-4 my-2">
                           <v-btn
@@ -128,7 +138,7 @@
                             size="small"
                             @click="moveAppliedToIgnored(action)"
                           >
-                            Ignore
+                            {{ $t('Ignore') }}
                           </v-btn>
                           <v-btn
                             class="bg-[#FFFFFF22]"
@@ -137,7 +147,7 @@
                             size="small"
                             @click="reAddAction(action)"
                           >
-                            Re-add
+                            {{ $t('Re-add') }}
                           </v-btn>
                         </div>
                       </v-card-item>
@@ -155,7 +165,7 @@
                 size="small"
                 @click="showIgnoredActions = !showIgnoredActions"
               >
-                {{ showIgnoredActions ? 'Hide ignored actions' : 'Show ignored actions' }}
+                {{ showIgnoredActions ? $t('Hide ignored actions') : $t('Show ignored actions') }}
               </v-btn>
               <div v-if="showIgnoredActions" class="mt-2">
                 <div class="flex justify-end mb-2">
@@ -166,7 +176,7 @@
                     size="small"
                     @click="restoreAllIgnoredActions"
                   >
-                    Restore All
+                    {{ $t('Restore All') }}
                   </v-btn>
                 </div>
                 <v-list class="bg-transparent">
@@ -179,9 +189,13 @@
                         </v-card-subtitle>
                         <div class="flex justify-between items-center my-2">
                           <v-chip class="bg-[#FFFFFF22]" variant="flat" prepend-icon="mdi-close-circle" size="small">
-                            Ignored
+                            {{ $t('Ignored') }}
                           </v-chip>
-                          <span class="text-xs opacity-70">from {{ action.extensionName }}</span>
+                          <span class="text-xs opacity-70">{{
+                            $t('from {name}', {
+                              name: action.extensionName,
+                            })
+                          }}</span>
                           <v-btn
                             class="bg-[#FFFFFF22]"
                             variant="flat"
@@ -189,7 +203,7 @@
                             size="small"
                             @click="restoreIgnoredAction(action)"
                           >
-                            Restore
+                            {{ $t('Restore') }}
                           </v-btn>
                         </div>
                       </v-card-item>
@@ -212,7 +226,9 @@
             class="text-center py-8"
           >
             <v-icon size="50" class="mb-3 opacity-50">mdi-gamepad-variant-outline</v-icon>
-            <p class="opacity-70">No joystick mapping suggestions available.</p>
+            <p class="opacity-70">
+              {{ $t('No joystick mapping suggestions available.') }}
+            </p>
           </div>
 
           <div v-else class="actions-container">
@@ -227,9 +243,13 @@
             <div v-if="filteredJoystickSuggestionsByExtension.length > 0" class="mb-8">
               <div class="flex items-center gap-2 mb-4">
                 <v-icon size="24">mdi-gamepad-variant-outline</v-icon>
-                <h2 class="text-xl font-semibold">New Suggestions</h2>
+                <h2 class="text-xl font-semibold">
+                  {{ $t('New Suggestions') }}
+                </h2>
               </div>
-              <p class="mb-2 opacity-70">The following joystick mappings are suggested by BlueOS extensions:</p>
+              <p class="mb-2 opacity-70">
+                {{ $t('The following joystick mappings are suggested by BlueOS extensions:') }}
+              </p>
 
               <!-- Group suggestions by extension -->
               <div
@@ -252,7 +272,7 @@
                       size="x-small"
                       @click="ignoreRemainingSuggestionsFromExtension(extensionGroup)"
                     >
-                      Ignore remaining suggestions
+                      {{ $t('Ignore remaining suggestions') }}
                     </v-btn>
                   </div>
 
@@ -286,7 +306,7 @@
                             size="x-small"
                             @click.stop="acceptAllGroupSuggestions(extensionGroup.extensionName, group)"
                           >
-                            Accept All
+                            {{ $t('Accept All') }}
                           </v-btn>
                           <v-btn
                             class="bg-[#FFFFFF22]"
@@ -295,7 +315,7 @@
                             size="x-small"
                             @click.stop="ignoreAllGroupSuggestions(group)"
                           >
-                            Ignore all
+                            {{ $t('Ignore all') }}
                           </v-btn>
                         </div>
                       </v-expansion-panel-title>
@@ -325,7 +345,7 @@
                                 size="small"
                                 @click="ignoreSuggestion(suggestion)"
                               >
-                                Ignore
+                                {{ $t('Ignore') }}
                               </v-btn>
                               <v-btn
                                 class="bg-[#FFFFFF22]"
@@ -334,7 +354,7 @@
                                 size="small"
                                 @click="openJoystickSuggestionDialog(suggestion, extensionGroup.extensionName)"
                               >
-                                Apply
+                                {{ $t('Apply') }}
                               </v-btn>
                             </div>
                           </div>
@@ -353,7 +373,7 @@
                 size="small"
                 @click="showAppliedMappings = !showAppliedMappings"
               >
-                {{ showAppliedMappings ? 'Hide applied mappings' : 'Show applied mappings' }}
+                {{ showAppliedMappings ? $t('Hide applied mappings') : $t('Show applied mappings') }}
               </v-btn>
             </div>
 
@@ -361,9 +381,13 @@
             <div v-if="showAppliedMappings && appliedJoystickSuggestionsByExtension.length > 0" class="mb-8">
               <div class="flex items-center gap-2 mb-4">
                 <v-icon size="24">mdi-check-circle</v-icon>
-                <h2 class="text-xl font-semibold">Applied Mappings</h2>
+                <h2 class="text-xl font-semibold">
+                  {{ $t('Applied Mappings') }}
+                </h2>
               </div>
-              <p class="mb-4 opacity-70">These joystick mappings have been applied from BlueOS extensions:</p>
+              <p class="mb-4 opacity-70">
+                {{ $t('These joystick mappings have been applied from BlueOS extensions:') }}
+              </p>
 
               <!-- Group applied suggestions by extension -->
               <div
@@ -444,7 +468,7 @@
                                 prepend-icon="mdi-check"
                                 size="small"
                               >
-                                Applied
+                                {{ $t('Applied') }}
                               </v-chip>
                               <v-chip
                                 v-else
@@ -453,7 +477,7 @@
                                 prepend-icon="mdi-alert-outline"
                                 size="small"
                               >
-                                Applied but changed
+                                {{ $t('Applied but changed') }}
                               </v-chip>
                             </div>
                             <div
@@ -467,7 +491,7 @@
                                 size="small"
                                 @click="moveAppliedSuggestionToIgnored(suggestion)"
                               >
-                                Ignore
+                                {{ $t('Ignore') }}
                               </v-btn>
                               <v-btn
                                 class="bg-[#FFFFFF22]"
@@ -476,7 +500,7 @@
                                 size="small"
                                 @click="openJoystickSuggestionDialog(suggestion, extensionGroup.extensionName)"
                               >
-                                Re-apply
+                                {{ $t('Re-apply') }}
                               </v-btn>
                             </div>
                           </div>
@@ -496,7 +520,7 @@
                 size="small"
                 @click="showIgnoredMappings = !showIgnoredMappings"
               >
-                {{ showIgnoredMappings ? 'Hide ignored mappings' : 'Show ignored mappings' }}
+                {{ showIgnoredMappings ? $t('Hide ignored mappings') : $t('Show ignored mappings') }}
               </v-btn>
             </div>
 
@@ -504,9 +528,13 @@
             <div v-if="showIgnoredMappings && ignoredJoystickSuggestionsByExtension.length > 0" class="mb-8">
               <div class="flex items-center gap-2 mb-4">
                 <v-icon size="24">mdi-close-circle</v-icon>
-                <h2 class="text-xl font-semibold">Ignored Mappings</h2>
+                <h2 class="text-xl font-semibold">
+                  {{ $t('Ignored Mappings') }}
+                </h2>
               </div>
-              <p class="mb-4 opacity-70">These joystick mappings have been ignored:</p>
+              <p class="mb-4 opacity-70">
+                {{ $t('These joystick mappings have been ignored:') }}
+              </p>
 
               <!-- Group ignored suggestions by extension -->
               <div
@@ -531,7 +559,7 @@
                       size="small"
                       @click="restoreAllIgnoredSuggestions(extensionGroup.extensionName)"
                     >
-                      Restore All
+                      {{ $t('Restore All') }}
                     </v-btn>
                   </div>
 
@@ -591,7 +619,7 @@
                                 size="small"
                                 @click="restoreIgnoredSuggestion(suggestion)"
                               >
-                                Restore
+                                {{ $t('Restore') }}
                               </v-btn>
                             </div>
                           </div>
@@ -610,7 +638,9 @@
       <v-dialog v-model="joystickSuggestionDialog" max-width="700px">
         <v-card v-if="selectedSuggestion" class="rounded-lg" :style="interfaceStore.globalGlassMenuStyles">
           <v-card-title class="text-center pt-4 pb-0">
-            <h2 class="text-xl font-semibold">Apply Joystick Mapping Suggestion</h2>
+            <h2 class="text-xl font-semibold">
+              {{ $t('Apply Joystick Mapping Suggestion') }}
+            </h2>
           </v-card-title>
           <v-btn
             icon="mdi-close"
@@ -623,7 +653,12 @@
           <v-card-text class="px-6 pb-4">
             <div class="mb-2">
               <p class="text-center text-sm text-gray-300 mb-2">
-                <strong>{{ selectedSuggestion.actionName }}</strong> from {{ selectedSuggestion.extensionName }}
+                <strong>{{ selectedSuggestion.actionName }}</strong>
+                {{
+                  $t('from {name}', {
+                    name: selectedSuggestion.extensionName,
+                  })
+                }}
               </p>
               <p v-if="selectedSuggestion.description" class="text-center text-xs text-gray-400 mb-2">
                 {{ selectedSuggestion.description }}
@@ -633,16 +668,25 @@
             <div class="space-y-3">
               <div class="rounded-lg border border-gray-600 bg-gray-800/20 p-4">
                 <p class="text-center text-xs text-gray-400 mb-2">
-                  Button {{ selectedSuggestion.button }} ({{ selectedSuggestion.modifier }})
+                  {{
+                    $t('Button {button} ({modifier})', {
+                      button: selectedSuggestion.button,
+                      modifier: selectedSuggestion.modifier,
+                    })
+                  }}
                 </p>
                 <div class="grid grid-cols-[1fr_auto_1fr] items-center gap-3">
                   <div class="text-center">
-                    <p class="text-xs text-gray-400 mb-1">Current mapping</p>
+                    <p class="text-xs text-gray-400 mb-1">
+                      {{ $t('Current mapping') }}
+                    </p>
                     <p class="font-medium text-gray-200">{{ selectedSuggestionCurrentActionName }}</p>
                   </div>
                   <v-icon size="20" color="green">mdi-arrow-right</v-icon>
                   <div class="text-center">
-                    <p class="text-xs text-gray-400 mb-1">New mapping</p>
+                    <p class="text-xs text-gray-400 mb-1">
+                      {{ $t('New mapping') }}
+                    </p>
                     <p class="font-medium text-green-400">{{ selectedSuggestion.actionName }}</p>
                   </div>
                 </div>
@@ -655,8 +699,8 @@
           </div>
 
           <v-card-actions class="px-6 pb-4 justify-space-between">
-            <v-btn variant="text" @click="joystickSuggestionDialog = false">Cancel</v-btn>
-            <v-btn @click="applyJoystickSuggestion">Apply</v-btn>
+            <v-btn variant="text" @click="joystickSuggestionDialog = false">{{ $t('Cancel') }}</v-btn>
+            <v-btn @click="applyJoystickSuggestion">{{ $t('Apply') }}</v-btn>
           </v-card-actions>
         </v-card>
       </v-dialog>
@@ -665,7 +709,9 @@
       <v-dialog v-model="acceptAllDialog" max-width="500px">
         <v-card v-if="acceptAllGroup" class="rounded-lg" :style="interfaceStore.globalGlassMenuStyles">
           <v-card-title class="text-center pt-4 pb-0">
-            <h2 class="text-xl font-semibold">Accept All Suggestions</h2>
+            <h2 class="text-xl font-semibold">
+              {{ $t('Accept All Suggestions') }}
+            </h2>
           </v-card-title>
           <v-btn
             icon="mdi-close"
@@ -678,8 +724,13 @@
           <v-card-text class="px-6 pb-4">
             <div class="mb-2">
               <p class="text-center text-sm text-gray-300 mb-2">
-                Accept all {{ acceptAllGroupSuggestionCount }} suggestions from
-                <strong>{{ acceptAllGroup.name }}</strong> ({{ acceptAllExtensionName }})?
+                {{
+                  $t('Accept all {count} suggestions from {name} ({extension})?', {
+                    count: acceptAllGroupSuggestionCount,
+                    name: acceptAllGroup.name,
+                    extension: acceptAllExtensionName,
+                  })
+                }}
               </p>
             </div>
 
@@ -704,8 +755,10 @@
           </div>
 
           <v-card-actions class="px-6 pb-4 justify-space-between">
-            <v-btn variant="text" @click="acceptAllDialog = false">Cancel</v-btn>
-            <v-btn :disabled="acceptAllGroupSuggestionCount === 0" @click="applyAllSuggestions">Apply All</v-btn>
+            <v-btn variant="text" @click="acceptAllDialog = false">{{ $t('Cancel') }}</v-btn>
+            <v-btn :disabled="acceptAllGroupSuggestionCount === 0" @click="applyAllSuggestions">{{
+              $t('Apply All')
+            }}</v-btn>
           </v-card-actions>
         </v-card>
       </v-dialog>
@@ -716,7 +769,7 @@
           <v-card-title class="text-center pt-4 pb-0">
             <div class="flex items-center justify-center gap-2">
               <v-icon color="warning" size="24">mdi-alert</v-icon>
-              <h2 class="text-xl font-semibold">Pending Extension Features</h2>
+              <h2 class="text-xl font-semibold">{{ $t('Pending Extension Features') }}</h2>
             </div>
           </v-card-title>
           <v-btn
@@ -729,20 +782,18 @@
 
           <v-card-text class="px-6 pb-4">
             <p class="text-center text-sm text-gray-300 mb-4">
-              There are still extension features pending your decision. Please accept or ignore each suggestion from
-              your BlueOS extensions. Otherwise, this dialog will open automatically again the next time you start
-              Cockpit.
+              {{ $t('There are still extension features pending your decision. Please accept or ignore each suggestion from your BlueOS extensions. Otherwise, this dialog will open automatically again the next time you start Cockpit.') }}
             </p>
 
             <div class="max-h-[260px] overflow-y-auto pr-1 space-y-3">
               <div v-if="filteredActions.length > 0">
                 <div class="flex items-center gap-2 mb-1">
                   <v-icon size="16">mdi-lightning-bolt-outline</v-icon>
-                  <h3 class="text-sm font-semibold">Pending actions ({{ filteredActions.length }})</h3>
+                  <h3 class="text-sm font-semibold">{{ $t('Pending actions ({n})', { n: filteredActions.length }) }}</h3>
                 </div>
                 <ul class="list-disc list-inside text-xs text-gray-300 space-y-0.5">
                   <li v-for="action in filteredActions" :key="action.id">
-                    {{ action.name }} <span class="opacity-60">— from {{ action.extensionName }}</span>
+                    {{ action.name }} <span class="opacity-60">— {{ $t('from') }} {{ action.extensionName }}</span>
                   </li>
                 </ul>
               </div>
@@ -751,12 +802,12 @@
                 <div class="flex items-center gap-2 mb-1">
                   <v-icon size="16">mdi-gamepad-variant-outline</v-icon>
                   <h3 class="text-sm font-semibold">
-                    Pending joystick mappings ({{ pendingJoystickSuggestions.length }})
+                    {{ $t('Pending joystick mappings ({n})', { n: pendingJoystickSuggestions.length }) }}
                   </h3>
                 </div>
                 <ul class="list-disc list-inside text-xs text-gray-300 space-y-0.5">
-                  <li v-for="item in pendingJoystickSuggestions" :key="item.id">
-                    {{ item.actionName }} <span class="opacity-60">— from {{ item.extensionName }}</span>
+                <li v-for="item in pendingJoystickSuggestions" :key="item.id">
+                    {{ item.actionName }} <span class="opacity-60">— {{ $t('from') }} {{ item.extensionName }}</span>
                   </li>
                 </ul>
               </div>
@@ -768,8 +819,8 @@
           </div>
 
           <v-card-actions class="px-6 pb-4 justify-space-between">
-            <v-btn variant="text" @click="confirmCloseModal">Close anyway</v-btn>
-            <v-btn @click="closeConfirmationDialog = false">Keep reviewing</v-btn>
+            <v-btn variant="text" @click="confirmCloseModal">{{ $t('Close anyway') }}</v-btn>
+            <v-btn @click="closeConfirmationDialog = false">{{ $t('Keep reviewing') }}</v-btn>
           </v-card-actions>
         </v-card>
       </v-dialog>
diff --git a/src/components/GlobalOriginDialog.vue b/src/components/GlobalOriginDialog.vue
index 4980fac86d..d18bff1f00 100644
--- a/src/components/GlobalOriginDialog.vue
+++ b/src/components/GlobalOriginDialog.vue
@@ -1,7 +1,7 @@
 <template>
   <InteractionDialog
     :show-dialog="showDialog"
-    title="Set Global Origin"
+    :title="$t('Set Global Origin')"
     variant="text-only"
     max-width="500px"
     :actions="dialogActions"
@@ -9,23 +9,25 @@
   >
     <template #content>
       <p class="text-sm mb-8 -mt-6 text-gray-300">
-        This feature allows you to set the GNSS coordinates of the vehicle's local origin (0,0,0). This is useful when
-        using local position units (such as indoor positioning systems or DVLs) where you want to define a corresponding
-        global position.
+        {{
+          $t(
+            "This feature allows you to set the GNSS coordinates of the vehicle's local origin (0,0,0). This is useful when using local position units (such as indoor positioning systems or DVLs) where you want to define a corresponding global position."
+          )
+        }}
       </p>
 
       <div class="flex items-center gap-2 mb-6">
         <v-text-field
           v-model.number="latitude"
-          label="Latitude"
+          :label="$t('Latitude')"
           type="number"
           step="0.000001"
-          hint="Latitude in degrees (-90 to 90)"
+          :hint="$t('Latitude in degrees (-90 to 90)')"
           persistent-hint
           variant="outlined"
           :rules="[
-            (v: number) => v !== null && v !== undefined || 'Latitude is required',
-            (v: number) => (v >= -90 && v <= 90) || 'Latitude must be between -90 and 90',
+            (v: number) => v !== null && v !== undefined || $t('Latitude is required'),
+            (v: number) => (v >= -90 && v <= 90) || $t('Latitude must be between -90 and 90'),
           ]"
           class="flex-1"
         />
@@ -35,15 +37,15 @@
       <div class="flex items-center gap-2 mb-6">
         <v-text-field
           v-model.number="longitude"
-          label="Longitude"
+          :label="$t('Longitude')"
           type="number"
           step="0.000001"
-          hint="Longitude in degrees (-180 to 180)"
+          :hint="$t('Longitude in degrees (-180 to 180)')"
           persistent-hint
           variant="outlined"
           :rules="[
-            (v: number) => v !== null && v !== undefined || 'Longitude is required',
-            (v: number) => (v >= -180 && v <= 180) || 'Longitude must be between -180 and 180',
+            (v: number) => v !== null && v !== undefined || $t('Longitude is required'),
+            (v: number) => (v >= -180 && v <= 180) || $t('Longitude must be between -180 and 180'),
           ]"
           class="flex-1"
         />
@@ -53,14 +55,14 @@
       <div class="flex items-center gap-2 mb-2">
         <v-text-field
           v-model.number="altitude"
-          label="Altitude"
+          :label="$t('Altitude')"
           type="number"
           step="0.1"
-          hint="Altitude in meters (MSL)"
+          :hint="$t('Altitude in meters (MSL)')"
           persistent-hint
           variant="outlined"
           :rules="[
-            (v: number) => v !== null && v !== undefined || 'Altitude is required',
+            (v: number) => v !== null && v !== undefined || $t('Altitude is required'),
           ]"
           class="flex-1"
         />
@@ -72,12 +74,14 @@
 
 <script setup lang="ts">
 import { computed, defineModel, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import InteractionDialog, { type Action } from '@/components/InteractionDialog.vue'
 import { useSnackbar } from '@/composables/snackbar'
 import type { MAVLinkVehicle } from '@/libs/vehicle/mavlink/vehicle'
 
 const { openSnackbar } = useSnackbar()
+const { t } = useI18n()
 
 const showDialog = defineModel<boolean>({ required: true })
 
@@ -146,18 +150,18 @@ const saveGlobalOrigin = (): void => {
     props.vehicle.dateLastHeartbeat() === undefined ||
     props.vehicle.dateLastHeartbeat()! > new Date(Date.now() - 5000)
   ) {
-    openSnackbar({ message: 'Cannot set global origin. Vehicle does not appear to be online.', variant: 'error' })
+    openSnackbar({ message: t('Cannot set global origin while offline'), variant: 'error' })
     return
   }
 
   isSaving.value = true
   try {
     props.vehicle.setGlobalOrigin([latitude.value, longitude.value], altitude.value)
-    openSnackbar({ message: 'Global origin set successfully.', variant: 'success' })
+    openSnackbar({ message: t('Global origin set successfully.'), variant: 'success' })
     emit('origin-set', latitude.value, longitude.value) // eslint-disable-line
     closeDialog()
   } catch (error) {
-    openSnackbar({ message: `Failed to set global origin: ${error}`, variant: 'error' })
+    openSnackbar({ message: t('Failed to set global origin: {error}', { error }), variant: 'error' })
   } finally {
     isSaving.value = false
   }
@@ -165,12 +169,12 @@ const saveGlobalOrigin = (): void => {
 
 const dialogActions = computed<Action[]>(() => [
   {
-    text: 'Cancel',
+    text: t('Cancel'),
     action: closeDialog,
     disabled: isSaving.value,
   },
   {
-    text: isSaving.value ? 'Saving...' : 'Save',
+    text: isSaving.value ? t('Saving...') : t('Save'),
     disabled: !isValid.value || isSaving.value,
     action: saveGlobalOrigin,
     class: isSaving.value ? 'opacity-70' : '',
diff --git a/src/components/InputElementConfig.vue b/src/components/InputElementConfig.vue
index ae33cdf4ba..e4be599f84 100644
--- a/src/components/InputElementConfig.vue
+++ b/src/components/InputElementConfig.vue
@@ -19,7 +19,7 @@
         prepend-icon="mdi-delete"
         @click="deleteElement"
       >
-        Delete
+        {{ $t('Delete') }}
       </v-btn>
       <ExpansiblePanel
         v-if="currentElement"
@@ -31,7 +31,9 @@
         invert-chevron
         :is-expanded="true"
       >
-        <template #title><p class="ml-10">Options</p></template>
+        <template #title
+          ><p class="ml-10">{{ $t('Options') }}</p></template
+        >
         <template #content>
           <div class="flex flex-col h-full items-center mb-4 -ml-[7px] w-[248px]">
             <div
@@ -156,7 +158,7 @@
                             class="bg-[#FFFFFF22] my-[10px] mr-[23px] w-22"
                             size="x-small"
                             v-bind="props"
-                            >edit</v-btn
+                            >{{ $t('Edit') }}</v-btn
                           >
                         </div>
                       </template>
@@ -166,20 +168,20 @@
                       >
                         <div class="flex gap-x-4">
                           <div class="flex flex-col items-center">
-                            <p class="text-[14px]">{{ `Option ${index + 1} name` }}</p>
+                            <p class="text-[14px]">{{ $t('Option {index} name', { index: index + 1 }) }}</p>
                             <input
                               v-model="currentElement.options.layout[optionKey][index].name"
-                              placeholder="option name"
+                              :placeholder="$t('option name')"
                               theme="dark"
                               type="text"
                               class="p-2 w-[120px] bg-[#FFFFFF11]"
                             />
                           </div>
                           <div class="flex flex-col items-center">
-                            <p class="text-[14px]">{{ `Option ${index + 1} value` }}</p>
+                            <p class="text-[14px]">{{ $t('Option {index} value', { index: index + 1 }) }}</p>
                             <input
                               v-model="currentElement.options.layout[optionKey][index].value"
-                              placeholder="value"
+                              :placeholder="$t('value')"
                               theme="dark"
                               type="text"
                               class="p-2 w-[120px] bg-[#FFFFFF11]"
@@ -199,7 +201,7 @@
                                 isOptionsMenuOpen[index] = false
                               }
                             "
-                            >close</v-btn
+                            >{{ $t('Close') }}</v-btn
                           >
                           <v-btn
                             variant="text"
@@ -213,8 +215,9 @@
                                 isOptionsMenuOpen[index + 1] = true
                               }
                             "
-                            >add another option</v-btn
                           >
+                            {{ $t('add another option') }}
+                          </v-btn>
                         </div>
                       </v-card>
                     </v-menu>
@@ -224,7 +227,7 @@
                     class="bg-[#3B78A8] my-[10px] mr-[13px] w-22"
                     size="x-small"
                     @click="addSelectorOption(optionKey)"
-                    >add</v-btn
+                    >{{ $t('Add') }}</v-btn
                   >
                 </div>
               </template>
@@ -244,12 +247,12 @@
         invert-chevron
         :is-expanded="true"
       >
-        <template #title>Actions</template>
+        <template #title>{{ $t('Actions') }}</template>
         <template #content>
           <div class="flex flex-col h-full items-center mb-4 -ml-[7px] w-[248px]">
             <template v-if="currentElement.component !== CustomWidgetElementType.Button">
               <div class="flex w-full justify-between items-center h-auto border-b-[1px] border-[#FFFFFF33]">
-                <p class="text-center w-full text-sm">Data-lake variable</p>
+                <p class="text-center w-full text-sm">{{ $t('Data-lake variable') }}</p>
                 <div
                   v-if="!openNewDataLakeVariableForm && !openDataLakeVariableSelector"
                   class="flex flex-col justify-end items-center self-end h-auto mt-1"
@@ -263,7 +266,7 @@
                     class="bg-[#3B78A8] mr-[13px] w-[60px]"
                     size="x-small"
                     @click="openNewDataLakeVariableForm = true"
-                    >create</v-btn
+                    >{{ $t('Create') }}</v-btn
                   >
                   <v-btn
                     v-if="!currentElement.options.dataLakeVariable?.name"
@@ -271,7 +274,7 @@
                     class="bg-[#FFFFFF22] mr-[13px] my-1"
                     size="x-small"
                     @click="openDataLakeVariableSelector = true"
-                    >select</v-btn
+                    >{{ $t('Select') }}</v-btn
                   >
                 </div>
                 <template
@@ -303,7 +306,7 @@
                 class="self-start mt-[9px]"
                 size="x-small"
                 @click="handleResetVariable"
-                >{{ currentElement.options.dataLakeVariable?.name ? 'reset' : 'back' }}</v-btn
+                >{{ currentElement.options.dataLakeVariable?.name ? $t('Reset') : $t('Back') }}</v-btn
               >
             </template>
             <template v-if="openNewDataLakeVariableForm">
@@ -313,16 +316,16 @@
                   'border-[1px] border-red-700': dataLakeVariableError.includes('This name is already in use'),
                 }"
               >
-                <p class="ml-1 text-[14px]">Name</p>
+                <p class="ml-1 text-[14px]">{{ $t('Name') }}</p>
                 <input v-model="futureDataLakeVariable.name" type="text" class="p-2 bg-[#FFFFFF11] w-[123px]" />
               </div>
               <div class="flex justify-between items-center h-[40px] w-full border-b-[1px] border-[#FFFFFF33]">
-                <p class="ml-1 text-[14px]">Description</p>
+                <p class="ml-1 text-[14px]">{{ $t('Description') }}</p>
                 <input v-model="futureDataLakeVariable.description" type="text" class="p-2 bg-[#FFFFFF11] w-[123px]" />
               </div>
               <div class="flex w-full justify-between">
                 <v-btn variant="text" class="self-start mt-[9px]" size="x-small" @click="handleResetVariable">{{
-                  currentElement.options.dataLakeVariable?.name ? 'reset' : 'back'
+                  currentElement.options.dataLakeVariable?.name ? $t('Reset') : $t('Back')
                 }}</v-btn>
                 <div>
                   <v-btn
@@ -331,7 +334,7 @@
                     class="mr-[15px] mt-2"
                     :disabled="currentElement.options.dataLakeVariable === undefined"
                     @click="deleteParameterFromDataLake"
-                    >delete</v-btn
+                    >{{ $t('Delete') }}</v-btn
                   >
                   <v-btn
                     variant="elevated"
@@ -342,7 +345,7 @@
                     }"
                     :disabled="futureDataLakeVariable.name === ''"
                     @click="saveOrUpdateParameter"
-                    >{{ currentElement.options.dataLakeVariable === undefined ? 'save' : 'update' }}</v-btn
+                    >{{ currentElement.options.dataLakeVariable === undefined ? $t('Save') : $t('Update') }}</v-btn
                   >
                 </div>
               </div>
@@ -350,7 +353,7 @@
 
             <template v-if="currentElement.component === CustomWidgetElementType.Button">
               <div class="flex justify-between items-center h-[40px] w-full border-b-[1px] border-[#FFFFFF33]">
-                <p class="ml-1 text-[14px]">Action to trigger</p>
+                <p class="ml-1 text-[14px]">{{ $t('Action to trigger') }}</p>
                 <select v-model="currentElement.options.cockpitAction" class="p-2 bg-[#FFFFFF11] w-[123px]">
                   <option
                     v-for="cockpitAction in availableCockpitActions"
@@ -378,6 +381,7 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import ExpansiblePanel from '@/components/ExpansiblePanel.vue'
 import { useSnackbar } from '@/composables/snackbar'
@@ -398,6 +402,7 @@ import { CustomWidgetElement, CustomWidgetElementType } from '@/types/widgets'
 const widgetStore = useWidgetManagerStore()
 const interfaceStore = useAppInterfaceStore()
 const { openSnackbar } = useSnackbar()
+const { t } = useI18n()
 
 const currentElement = ref<CustomWidgetElement | undefined>(widgetStore.elementToShowOnDrawer)
 const defaultDataLakeVariable: DataLakeVariable = {
@@ -478,10 +483,10 @@ const CloseConfigPanel = (): void => {
 
 const showActionExistsError = (): void => {
   openSnackbar({
-    message: 'Variable name already exists',
+    message: t('Variable name already exists'),
     variant: 'error',
   })
-  dataLakeVariableError.value.push('This name is already in use')
+  dataLakeVariableError.value.push(t('Variable name already exists'))
   setTimeout(() => {
     dataLakeVariableError.value.splice(0, 1)
   }, 3000)
@@ -492,12 +497,12 @@ const deleteParameterFromDataLake = async (): Promise<void> => {
     try {
       await deleteDataLakeVariable(currentElement.value.options.dataLakeVariable)
       openSnackbar({
-        message: 'Action variable deleted',
+        message: t('Action variable deleted'),
         variant: 'success',
       })
     } catch (e) {
       openSnackbar({
-        message: 'Error deleting action variable',
+        message: t('Error deleting action variable'),
         variant: 'error',
       })
     }
diff --git a/src/components/InteractionDialog.vue b/src/components/InteractionDialog.vue
index 96625bbc33..2cd28ac9cc 100644
--- a/src/components/InteractionDialog.vue
+++ b/src/components/InteractionDialog.vue
@@ -71,7 +71,9 @@
             </v-btn>
           </div>
           <div v-else class="flex w-full px-1 py-2 justify-end">
-            <v-btn size="small" variant="text" @click="handleAction(() => (internalShowDialog = false))">Close</v-btn>
+            <v-btn size="small" variant="text" @click="handleAction(() => (internalShowDialog = false))">{{
+              $t('Close')
+            }}</v-btn>
           </div>
         </template>
       </v-card-actions>
diff --git a/src/components/LanguageSwitcher.vue b/src/components/LanguageSwitcher.vue
new file mode 100644
index 0000000000..2f395f43f1
--- /dev/null
+++ b/src/components/LanguageSwitcher.vue
@@ -0,0 +1,66 @@
+<template>
+  <GlassButton
+    :label="simplified ? '' : languageLabel"
+    :label-class="[labelSize, '-mb-0.5 mt-6']"
+    :icon="simplified ? 'mdi-translate' : undefined"
+    :icon-size="simplified ? 25 : undefined"
+    variant="uncontained"
+    :tooltip="simplified ? languageLabel : undefined"
+    :width="buttonSize"
+    @click="toggleLanguage"
+  >
+    <v-icon v-if="!simplified" size="20" class="mr-2">mdi-translate</v-icon>
+  </GlassButton>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useLocale } from 'vuetify'
+
+import GlassButton from './GlassButton.vue'
+
+/**
+ * Props for the LanguageSwitcher component
+ */
+interface Props {
+  /** Whether to show a simplified version of the language switcher */
+  simplified?: boolean
+  /** The size of the button */
+  buttonSize?: number
+  /** The size of the label text */
+  labelSize?: string
+}
+
+defineProps<Props>()
+
+const { locale } = useI18n()
+const { current: vuetifyLocale } = useLocale()
+
+const languageLabel = computed(() => {
+  return locale.value === 'zh' ? '中文' : 'English'
+})
+
+/**
+ * Toggle between Chinese and English languages
+ */
+const toggleLanguage = (): void => {
+  const newLocale = locale.value === 'zh' ? 'en' : 'zh'
+  locale.value = newLocale
+
+  // Update Vuetify locale
+  vuetifyLocale.value = newLocale === 'zh' ? 'zhHans' : 'en'
+
+  // Save to localStorage
+  localStorage.setItem('cockpit-language', newLocale)
+
+  // Update Electron menu language if running in Electron
+  try {
+    if (window.electronAPI?.updateMenuLanguage) {
+      window.electronAPI.updateMenuLanguage(newLocale)
+    }
+  } catch (error) {
+    console.warn('Failed to update Electron menu language:', error)
+  }
+}
+</script>
diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue
index ce8bb76ab7..e15c39123d 100644
--- a/src/components/MainMenu.vue
+++ b/src/components/MainMenu.vue
@@ -22,13 +22,13 @@
             >
               <GlassButton
                 v-if="route.name === 'widgets-view'"
-                :label="simplifiedMainMenu ? '' : 'Edit Interface'"
+                :label="simplifiedMainMenu ? '' : $t('Edit Interface')"
                 :selected="widgetStore.editingMode"
                 :label-class="[menuLabelSize, '-mb-0.5 mt-6']"
                 :icon="simplifiedMainMenu ? 'mdi-pencil' : undefined"
                 :icon-size="simplifiedMainMenu ? 25 : undefined"
                 variant="uncontained"
-                :tooltip="simplifiedMainMenu ? 'Edit Mode' : undefined"
+                :tooltip="simplifiedMainMenu ? $t('Edit Mode') : undefined"
                 :width="buttonSize"
                 @click="
                   () => {
@@ -40,12 +40,12 @@
               </GlassButton>
               <GlassButton
                 v-if="route.name !== 'widgets-view'"
-                :label="simplifiedMainMenu ? '' : 'Flight'"
+                :label="simplifiedMainMenu ? '' : $t('Flight')"
                 :label-class="[menuLabelSize, '-mb-0.5 mt-6']"
                 :icon="simplifiedMainMenu ? 'mdi-send' : undefined"
                 :icon-size="simplifiedMainMenu ? 25 : undefined"
                 variant="uncontained"
-                :tooltip="simplifiedMainMenu ? 'Flight' : undefined"
+                :tooltip="simplifiedMainMenu ? $t('Flight') : undefined"
                 :width="buttonSize"
                 :selected="$route.name === 'Flight'"
                 @click="
@@ -58,12 +58,12 @@
               </GlassButton>
               <GlassButton
                 v-if="route.name !== 'Mission planning'"
-                :label="simplifiedMainMenu ? '' : 'Mission Planning'"
+                :label="simplifiedMainMenu ? '' : $t('Mission Planning')"
                 :label-class="[menuLabelSize, '-mb-0.5 mt-6']"
                 :icon="simplifiedMainMenu ? 'mdi-map-marker-radius-outline' : undefined"
                 :icon-size="simplifiedMainMenu ? 25 : undefined"
                 variant="uncontained"
-                :tooltip="simplifiedMainMenu ? 'Mission Planning' : undefined"
+                :tooltip="simplifiedMainMenu ? $t('Mission Planning') : undefined"
                 :width="buttonSize"
                 :selected="$route.name === 'Mission planning'"
                 @click="
@@ -75,12 +75,12 @@
                 ><img v-if="!simplifiedMainMenu" :src="MissionPlanningIcon" alt="MissionPlanning Icon" />
               </GlassButton>
               <GlassButton
-                :label="simplifiedMainMenu ? '' : 'Settings'"
+                :label="simplifiedMainMenu ? '' : $t('Settings')"
                 :label-class="[menuLabelSize, '-mb-0.5 mt-6']"
                 :icon="simplifiedMainMenu ? 'mdi-cog' : undefined"
                 :icon-size="simplifiedMainMenu ? 25 : undefined"
                 variant="uncontained"
-                :tooltip="simplifiedMainMenu ? 'Configuration' : undefined"
+                :tooltip="simplifiedMainMenu ? $t('Configuration') : undefined"
                 :width="buttonSize"
                 :selected="showSubMenu"
                 class="mb-1"
@@ -94,12 +94,12 @@
                 ><img v-if="!simplifiedMainMenu" :src="SettingsIcon" alt="Settings Icon" />
               </GlassButton>
               <GlassButton
-                :label="simplifiedMainMenu ? '' : 'Tools'"
+                :label="simplifiedMainMenu ? '' : $t('Tools')"
                 :label-class="[menuLabelSize, '-mb-0.5 mt-6']"
                 :icon="simplifiedMainMenu ? 'mdi-tools' : undefined"
                 :icon-size="simplifiedMainMenu ? 25 : undefined"
                 variant="uncontained"
-                :tooltip="simplifiedMainMenu ? 'Tools' : undefined"
+                :tooltip="simplifiedMainMenu ? $t('Tools') : undefined"
                 :width="buttonSize"
                 :selected="showSubMenu"
                 class="mb-1"
@@ -107,12 +107,14 @@
                 ><img v-if="!simplifiedMainMenu" :src="ToolsIcon" alt="Tools Icon" />
               </GlassButton>
               <GlassButton
-                :label="simplifiedMainMenu ? '' : isFullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen'"
+                :label="simplifiedMainMenu ? '' : isFullscreen ? $t('Exit Fullscreen') : $t('Enter Fullscreen')"
                 :label-class="[menuLabelSize, '-mb-0.5 mt-6']"
                 :icon="simplifiedMainMenu ? fullScreenToggleIcon : undefined"
                 :icon-size="simplifiedMainMenu ? 25 : undefined"
                 variant="uncontained"
-                :tooltip="simplifiedMainMenu ? (isFullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen') : undefined"
+                :tooltip="
+                  simplifiedMainMenu ? (isFullscreen ? $t('Exit Fullscreen') : $t('Enter Fullscreen')) : undefined
+                "
                 :button-class="simplifiedMainMenu ? '-mb-2' : ''"
                 :width="buttonSize"
                 :selected="false"
@@ -129,12 +131,12 @@
                 />
               </GlassButton>
               <GlassButton
-                :label="simplifiedMainMenu ? '' : 'About'"
+                :label="simplifiedMainMenu ? '' : $t('About')"
                 :label-class="[menuLabelSize, '-mb-0.5 mt-6']"
                 :icon="simplifiedMainMenu ? 'mdi-information-outline' : undefined"
                 :icon-size="simplifiedMainMenu ? 25 : undefined"
                 variant="uncontained"
-                :tooltip="simplifiedMainMenu ? 'About' : undefined"
+                :tooltip="simplifiedMainMenu ? $t('About') : undefined"
                 :button-class="!simplifiedMainMenu ? '-mt-[5px]' : undefined"
                 :width="buttonSize"
                 :selected="showSubMenu"
@@ -152,7 +154,7 @@
             <GlassButton
               v-for="menuitem in currentSubMenu"
               :key="menuitem.title"
-              :label="simplifiedMainMenu ? undefined : menuitem.title"
+              :label="simplifiedMainMenu ? undefined : $t(menuitem.title)"
               :label-class="menuLabelSize"
               :button-class="interfaceStore.isOnSmallScreen ? '-ml-[2px]' : ''"
               :icon="menuitem.icon"
@@ -357,54 +359,63 @@ const configMenu = computed(() => {
     {
       icon: 'mdi-view-dashboard-variant',
       title: 'General',
+      titleKey: 'general',
       componentName: SubMenuComponentName.SettingsGeneral,
       component: markRaw(ConfigurationGeneralView) as SubMenuComponent,
     },
     {
       icon: 'mdi-monitor-cellphone',
       title: 'Interface',
+      titleKey: 'interface',
       componentName: SubMenuComponentName.SettingsInterface,
       component: markRaw(ConfigurationUIView) as SubMenuComponent,
     },
     {
       icon: 'mdi-controller',
       title: 'Joystick',
+      titleKey: 'joystick',
       componentName: SubMenuComponentName.SettingsJoystick,
       component: markRaw(ConfigurationJoystickView) as SubMenuComponent,
     },
     {
       icon: 'mdi-video',
       title: 'Video',
+      titleKey: 'video',
       componentName: SubMenuComponentName.SettingsVideo,
       component: markRaw(ConfigurationVideoView) as SubMenuComponent,
     },
     {
       icon: 'mdi-subtitles-outline',
       title: 'Telemetry',
+      titleKey: 'logs',
       componentName: SubMenuComponentName.SettingsTelemetry,
       component: markRaw(ConfigurationTelemetryView) as SubMenuComponent,
     },
     {
       icon: 'mdi-alert-rhombus-outline',
       title: 'Alerts',
+      titleKey: 'alerts',
       componentName: SubMenuComponentName.SettingsAlerts,
       component: markRaw(ConfigurationAlertsView) as SubMenuComponent,
     },
     {
       icon: 'mdi-dev-to',
       title: 'Dev',
+      titleKey: 'development',
       componentName: SubMenuComponentName.SettingsDev,
       component: markRaw(ConfigurationDevelopmentView) as SubMenuComponent,
     },
     {
       icon: 'mdi-map-marker-path',
       title: 'Mission',
+      titleKey: 'mission',
       componentName: SubMenuComponentName.SettingsMission,
       component: markRaw(ConfigurationMissionView) as SubMenuComponent,
     },
     {
       icon: 'mdi-run-fast',
       title: 'Actions',
+      titleKey: 'actions',
       componentName: SubMenuComponentName.SettingsActions,
       component: markRaw(ConfigurationActionsView) as SubMenuComponent,
     },
@@ -414,6 +425,7 @@ const configMenu = computed(() => {
     menusToShow.push({
       icon: 'mdi-protocol',
       title: 'MAVLink',
+      titleKey: 'mavlink',
       componentName: SubMenuComponentName.SettingsMAVLink,
       component: markRaw(ConfigurationMAVLinkView) as SubMenuComponent,
     })
@@ -426,12 +438,14 @@ const toolsMenu = computed(() => {
     {
       icon: 'mdi-protocol',
       title: 'MAVLink',
+      titleKey: 'mavlink',
       componentName: SubMenuComponentName.ToolsMAVLink,
       component: markRaw(ToolsMAVLinkView) as SubMenuComponent,
     },
     {
       icon: 'mdi-database-outline',
       title: 'Data-lake',
+      titleKey: 'dataLake',
       componentName: SubMenuComponentName.ToolsDataLake,
       component: markRaw(ToolsDataLakeView) as SubMenuComponent,
     },
diff --git a/src/components/MiniWidgetInstantiator.vue b/src/components/MiniWidgetInstantiator.vue
index 8a7ce4786e..e2011c51ca 100644
--- a/src/components/MiniWidgetInstantiator.vue
+++ b/src/components/MiniWidgetInstantiator.vue
@@ -29,6 +29,7 @@
 
 <script setup lang="ts">
 import { computed, defineAsyncComponent, onMounted, ref, toRefs } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import ContextMenu from '@/components/ContextMenu.vue'
 import { createDataLakeVariable, getDataLakeVariableInfo } from '@/libs/actions/data-lake'
@@ -36,6 +37,7 @@ import { useWidgetManagerStore } from '@/stores/widgetManager'
 import { type MiniWidget, CustomWidgetElement, isMiniWidgetConfigurable, MiniWidgetType } from '@/types/widgets'
 
 const widgetStore = useWidgetManagerStore()
+const { t } = useI18n()
 
 const props = defineProps<{
   /**
@@ -84,7 +86,7 @@ const openWidgetConfig = (): void => {
 }
 
 const contextMenuItems = computed(() =>
-  isConfigMenuDisabled.value ? [] : [{ item: 'Options', action: openWidgetConfig, icon: 'mdi-cog' }]
+  isConfigMenuDisabled.value ? [] : [{ item: t('Options'), action: openWidgetConfig, icon: 'mdi-cog' }]
 )
 
 const componentFromType = (componentType: string): ReturnType<typeof defineAsyncComponent> => {
diff --git a/src/components/MissionChecklist.vue b/src/components/MissionChecklist.vue
index 39fbae9212..dc1482ae9c 100644
--- a/src/components/MissionChecklist.vue
+++ b/src/components/MissionChecklist.vue
@@ -2,8 +2,15 @@
   <v-dialog v-model="openDialog" max-width="600" scrollable persistent>
     <v-card :style="interfaceStore.globalGlassMenuStyles" class="rounded-lg">
       <v-card-title class="text-center relative pt-3">
-        <h6 class="ml-4">Warning! Your vehicle is about to be armed</h6>
-        <v-btn icon variant="text" color="white" class="absolute right-1 top-1" aria-label="Close" @click="onCancel">
+        <h6 class="ml-4">{{ $t('Warning! Your vehicle is about to be armed') }}</h6>
+        <v-btn
+          icon
+          variant="text"
+          color="white"
+          class="absolute right-1 top-1"
+          :aria-label="$t('Close')"
+          @click="onCancel"
+        >
           <v-icon>mdi-close</v-icon>
         </v-btn>
       </v-card-title>
@@ -45,7 +52,7 @@
               class="elevation-1 bg-[#FFFFFF15] hover:bg-[#FFFFFF22]"
               @click="isOnEditMode = true"
             >
-              Edit Items
+              {{ $t('Edit items') }}
             </v-btn>
           </div>
           <div v-else class="flex w-full items-center">
@@ -56,7 +63,7 @@
               :disabled="!missionStore.showChecklistBeforeArm"
               variant="filled"
               density="compact"
-              placeholder="Type an item and press Enter"
+              :placeholder="$t('Type item and press enter')"
               hide-details
               class="ml-6 w-[80%]"
               append-inner-icon="mdi-plus"
@@ -76,7 +83,7 @@
                   addItem()
                 }
               "
-              >Done</v-btn
+              >{{ $t('Done') }}</v-btn
             >
           </div>
         </div>
@@ -84,7 +91,7 @@
       <v-divider class="flex center w-[80%]" inset />
       <v-card-actions>
         <div class="flex justify-between w-full py-1 px-2 pt-3">
-          <v-btn variant="text" @click="onCancel">Cancel</v-btn>
+          <v-btn variant="text" @click="onCancel">{{ $t('Cancel') }}</v-btn>
           <div class="flex items-center">
             <v-checkbox
               :model-value="!missionStore.showChecklistBeforeArm"
@@ -93,7 +100,7 @@
               density="compact"
               @update:model-value="(val) => (missionStore.showChecklistBeforeArm = !val)"
             />
-            <p class="text-xs text-center ml-2">Don't show this checklist again</p>
+            <p class="text-xs text-center ml-2">{{ $t("Don't show checklist again") }}</p>
           </div>
           <v-btn
             color="#ffffff33"
@@ -101,7 +108,7 @@
             variant="flat"
             :disabled="!isArmingEnabled"
             @click="onConfirm"
-            >Go</v-btn
+            >{{ $t('GO') }}</v-btn
           >
         </div>
       </v-card-actions>
@@ -112,12 +119,14 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, watch } from 'vue'
 import { onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useBlueOsStorage } from '@/composables/settingsSyncer'
 import { openSnackbar } from '@/composables/snackbar'
 import { useAppInterfaceStore } from '@/stores/appInterface'
 import { useMissionStore } from '@/stores/mission'
 
+const { t: $t } = useI18n()
 type ChecklistItem = {
   /**
    * Unique identifier for the checklist item
diff --git a/src/components/SplashScreen.vue b/src/components/SplashScreen.vue
index 7d776f55d9..c5998b577c 100644
--- a/src/components/SplashScreen.vue
+++ b/src/components/SplashScreen.vue
@@ -145,13 +145,13 @@ const isDecember = (): boolean => getMonth(new Date()) === 11
 
 import { useFullscreen } from '@vueuse/core'
 import { onBeforeUnmount, onMounted, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { isElectron } from '@/libs/utils'
 
-const randomLightHeartedMessage = ref<string>('')
-let timerId: ReturnType<typeof setTimeout>
+const { tm } = useI18n()
 
-const startupLightHeartedMessages: string[] = [
+const englishMessages = [
   'Distributing dolphins for sonar translations...',
   'Observing octopuses to optimize dark mode...',
   'Persuading Poseidon to trade us his trident...',
@@ -177,22 +177,30 @@ const startupLightHeartedMessages: string[] = [
   'Deploying rubber ducks for safety certification...',
   'Filling ballast tanks with fresh ideas...',
   'Mapping ocean puns… depth-level humor detected...',
-  'Rendering waves pixel by pixel — surf’s almost up...',
+  "Rendering waves pixel by pixel — surf's almost up...",
   'Teaching seagulls the latest hover gestures...',
   'Checking tide tables to schedule snack breaks...',
   'Swapping batteries in the sea turtles (just kidding)...',
-  'Dusting off code gremlins  —  please keep arms inside the Cockpit...',
+  'Dusting off code gremlins — please keep arms inside the Cockpit...',
   'Aligning gyros — because spin is only fun on dance floors...',
 ]
 
-const remainingMessages = ref<string[]>([...startupLightHeartedMessages])
+const getStartupMessages = (): string[] => {
+  const messages = tm('splash.messages')
+  return Array.isArray(messages) && messages.length > 0 ? (messages as string[]) : englishMessages
+}
+
+const randomLightHeartedMessage = ref<string>('')
+let timerId: ReturnType<typeof setTimeout>
+
+const remainingMessages = ref<string[]>([...getStartupMessages()])
 
 const scheduleNextMessage = (): void => {
   const randomIndex = Math.floor(Math.random() * remainingMessages.value.length)
   const delay = Math.random() * 5000 + 3000
 
   if (remainingMessages.value.length === 0) {
-    remainingMessages.value = [...startupLightHeartedMessages]
+    remainingMessages.value = [...getStartupMessages()]
   }
   randomLightHeartedMessage.value = remainingMessages.value.splice(randomIndex, 1)[0]
   timerId = setTimeout(scheduleNextMessage, delay)
diff --git a/src/components/TransformingFunctionDialog.vue b/src/components/TransformingFunctionDialog.vue
index ab638e240b..e889bacaf2 100644
--- a/src/components/TransformingFunctionDialog.vue
+++ b/src/components/TransformingFunctionDialog.vue
@@ -1,18 +1,18 @@
-<template>
+<template>
   <v-dialog :model-value="modelValue" max-width="600px" @update:model-value="emit('update:modelValue', $event)">
     <v-card class="rounded-lg" :style="interfaceStore.globalGlassMenuStyles">
       <v-card-title class="text-h6 font-weight-bold py-4 text-center">
-        {{ editingExistingFunction ? 'Edit Compound Variable' : 'New Compound Variable' }}
+        {{ editingExistingFunction ? $t('Edit Compound Variable') : $t('New Compound Variable') }}
       </v-card-title>
       <v-card-text class="px-8">
         <div class="flex flex-col gap-4">
           <div class="flex items-center gap-2">
             <v-text-field
               v-model="newFunction.id"
-              label="Variable ID"
+              :label="$t('Variable ID')"
               variant="outlined"
               :disabled="editingExistingFunction || !isManualIdEnabled"
-              :rules="[(v) => !!v || 'ID is required']"
+              :rules="[(v) => !!v || $t('ID is required')]"
               class="flex-1"
               density="compact"
               hide-details
@@ -29,29 +29,29 @@
           </div>
           <v-text-field
             v-model="newFunction.name"
-            label="Variable Name"
+            :label="$t('Variable Name')"
             variant="outlined"
-            :rules="[(v) => !!v || 'Name is required']"
+            :rules="[(v) => !!v || $t('Name is required')]"
             density="compact"
             hide-details
           />
           <div class="flex items-center gap-2">
-            <label class="text-sm">Variable Type: </label>
+            <label class="text-sm">{{ $t('Variable Type') }}: </label>
             <v-radio-group
               v-model="newFunction.type"
-              :rules="[(v) => !!v || 'Type is required']"
+              :rules="[(v) => !!v || $t('Type is required')]"
               density="compact"
               hide-details
               inline
             >
-              <v-radio class="ml-3 mr-4" label="String" value="string" />
-              <v-radio class="ml-3 mr-4" label="Number" value="number" />
-              <v-radio class="ml-3 mr-4" label="Boolean" value="boolean" />
+              <v-radio class="ml-3 mr-4" :label="$t('String')" value="string" />
+              <v-radio class="ml-3 mr-4" :label="$t('Number')" value="number" />
+              <v-radio class="ml-3 mr-4" :label="$t('Boolean')" value="boolean" />
             </v-radio-group>
           </div>
           <div class="flex flex-col gap-2">
             <div class="flex justify-between items-center">
-              <label class="text-sm">Expression</label>
+              <label class="text-sm">{{ $t('Expression') }}</label>
               <v-btn
                 variant="text"
                 density="compact"
@@ -62,13 +62,17 @@
             </div>
             <v-expand-transition>
               <div v-if="isExpressionInfoVisible" class="mb-2 text-sm pa-2 bg-[#FFFFFF11] rounded">
-                Create complex transformations by combining existing Data Lake variables using JavaScript expressions.
+                {{
+                  $t(
+                    'Create complex transformations by combining existing Data Lake variables using JavaScript expressions.'
+                  )
+                }}
                 <br />
-                • Type <code>&#123;&#123;</code> to access available variables
+                • {{ $t('Type {{ to access available variables') }}
                 <br />
-                • Return is optional, but should be included in complex expressions
+                • {{ $t('Return is optional, but should be included in complex expressions') }}
                 <br />
-                • Remember to set the type accordingly
+                • {{ $t('Remember to set the type accordingly') }}
               </div>
             </v-expand-transition>
             <div
@@ -78,9 +82,9 @@
           </div>
           <v-textarea
             v-model="newFunction.description"
-            label="Description"
+            :label="$t('Description')"
             variant="outlined"
-            placeholder="Optional description of what this transformation does"
+            :placeholder="$t('Optional description of what this transformation does')"
             rows="1"
             density="compact"
             hide-details
@@ -90,8 +94,8 @@
       <v-divider class="mx-10" />
       <v-card-actions>
         <div class="flex justify-between items-center pa-2 w-full h-full">
-          <v-btn color="white" variant="text" @click="closeDialog">Cancel</v-btn>
-          <v-btn color="white" :disabled="!isValidForm" @click="saveTransformingFunction">Save</v-btn>
+          <v-btn color="white" variant="text" @click="closeDialog">{{ $t('Cancel') }}</v-btn>
+          <v-btn color="white" :disabled="!isValidForm" @click="saveTransformingFunction">{{ $t('Save') }}</v-btn>
         </div>
       </v-card-actions>
     </v-card>
@@ -100,6 +104,7 @@
 
 <script setup lang="ts">
 import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useSnackbar } from '@/composables/snackbar'
 import {
@@ -111,6 +116,7 @@ import { createMonacoEditor, monaco } from '@/libs/monaco-manager'
 import { machinizeString } from '@/libs/utils'
 import { useAppInterfaceStore } from '@/stores/appInterface'
 
+const { t: $t } = useI18n()
 const { openSnackbar } = useSnackbar()
 
 /**
@@ -204,7 +210,7 @@ const isValidForm = computed(() => {
 
 const saveTransformingFunction = (): void => {
   if (!isValidForm.value) {
-    openSnackbar({ message: 'Please fill in all fields', variant: 'error' })
+    openSnackbar({ message: $t('Please fill in all fields.'), variant: 'error' })
     return
   }
 
diff --git a/src/components/Tutorial.vue b/src/components/Tutorial.vue
index b151570e84..a4fc68db2f 100644
--- a/src/components/Tutorial.vue
+++ b/src/components/Tutorial.vue
@@ -24,7 +24,7 @@
                 class="fixed left-5 top-5 h-6 pa-1 rounded-md bg-[#3b7e64] border-[1px] border-[#FFFFFF88] mb-10 elevation-1"
                 :style="{ opacity: isVehicleConnectedVisible ? 1 : 0, transition: 'opacity 0.5s ease-in-out' }"
               >
-                <p class="text-xs">Vehicle Connected</p>
+                <p class="text-xs">{{ $t('Vehicle Connected') }}</p>
               </div>
               <template #icon>
                 <v-avatar
@@ -60,7 +60,7 @@
       ></v-btn>
     </div>
     <div class="fixed bottom-0 flex justify-between w-full -ml-5 pa-4">
-      <v-btn v-if="currentTutorialStep > 1" variant="text" @click="backTutorialStep">Previous</v-btn>
+      <v-btn v-if="currentTutorialStep > 1" variant="text" @click="backTutorialStep">{{ $t('Previous') }}</v-btn>
       <v-btn
         variant="text"
         :class="{ 'mr-11 opacity-[50%]': currentTutorialStep > 1 }"
@@ -69,7 +69,7 @@
             interfaceStore.userHasSeenTutorial ? alwaysShowTutorialOnStartup() : dontShowTutorialAgain()
           }
         "
-        >{{ interfaceStore.userHasSeenTutorial ? 'Show on startup' : `Don't show again` }}</v-btn
+        >{{ interfaceStore.userHasSeenTutorial ? $t('Show on startup') : $t("Don't show again") }}</v-btn
       >
       <v-btn
         variant="flat"
@@ -77,7 +77,7 @@
         @click="nextTutorialStep"
         @keydown.enter="nextTutorialStep"
       >
-        {{ currentTutorialStep === steps.length ? 'Close' : currentTutorialStep === 1 ? 'Start' : 'Next' }}
+        {{ currentTutorialStep === steps.length ? $t('Close') : currentTutorialStep === 1 ? $t('Start') : $t('Next') }}
       </v-btn>
     </div>
   </GlassModal>
@@ -85,7 +85,8 @@
 
 <script setup lang="ts">
 import { useStorage } from '@vueuse/core'
-import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import CockpitLogo from '@/assets/cockpit-logo-minimal.avif'
 import { useSnackbar } from '@/composables/snackbar'
@@ -103,95 +104,111 @@ const currentTutorialStep = useStorage('cockpit-last-tutorial-step', 1)
 const isVehicleConnectedVisible = ref(false)
 const tallContent = ref(false)
 
-const steps = [
+const { t } = useI18n()
+
+const steps = computed(() => [
   {
     id: 1,
-    title: 'Welcome to Cockpit!',
-    content: 'Thank you for trying our control station software - we hope you make it your own!',
-    opposite:
-      'This guide will assist you in connecting to your vehicle, and walk you through the available menu pages.',
+    title: t('Welcome to Cockpit!'),
+    content: t('Thank you for trying our control station software - we hope you make it your own!'),
+    opposite: t(
+      'This guide will assist you in connecting to your vehicle, and walk you through the available menu pages.'
+    ),
   },
   {
     id: 2,
-    title: 'Main Menu',
-    content: `Cockpit's configuration options and tools are accessed through its sidebar.`,
-    opposite: `Open it by clicking the highlighted tab on the left side of the screen.`,
+    title: t('Main Menu'),
+    content: t("Cockpit's configuration options and tools are accessed through its sidebar."),
+    opposite: t('Open it by clicking the highlighted tab on the left side of the screen.'),
   },
   {
     id: 3,
-    title: 'Connections and Behaviour',
-    opposite: `The 'Settings' menu allows configuring Cockpit's connections and behavior.`,
+    title: t('Connections and Behaviour'),
+    opposite: t("The 'Settings' menu allows configuring Cockpit's connections and behavior."),
   },
   {
     id: 4,
-    title: 'General Configuration',
-    content: `The 'General' page allows switching the active user, the vehicle connection settings, and what
-      Cockpit shares with the development team.`,
-    opposite: `Each user can have their own settings, interface profiles, and joystick mappings, which can be
-      stored on and synchronized through the connected vehicle.`,
+    title: t('General Configuration'),
+    content: t(
+      "The 'General' page allows switching the active user, the vehicle connection settings, and what Cockpit shares with the development team."
+    ),
+    opposite: t(
+      'Each user can have their own settings, interface profiles, and joystick mappings, which can be stored on and synchronized through the connected vehicle.'
+    ),
   },
   {
     id: 5,
-    title: 'Vehicle Address',
-    content: `Cockpit connects to a vehicle's network using a global address.`,
-    opposite: `This is usually found automatically, but if necessary you can specify a custom domain to connect
-      to and search for the relevant vehicle components.`,
+    title: t('Vehicle Address'),
+    content: t("Cockpit connects to a vehicle's network using a global address."),
+    opposite: t(
+      'This is usually found automatically, but if necessary you can specify a custom domain to connect to and search for the relevant vehicle components.'
+    ),
   },
   {
     id: 6,
-    title: 'Interface Configuration',
-    opposite: `Here, you'll find options to control the interface style, move the sidebar access point, and switch
-      the display units between imperial and metric, for widgets that support it.`,
+    title: t('Interface Configuration'),
+    opposite: t(
+      "Here, you'll find options to control the interface style, move the sidebar access point, and switch the display units between imperial and metric, for widgets that support it."
+    ),
   },
   {
     id: 7,
-    title: 'Joystick Configuration',
-    content: `Connect a controller and move a joystick or press a button to see the current function mapping.`,
-    opposite: `Fully supported joysticks have a visual configuration interface available, but there's also a
-      mapping table provided for custom or uncommon controllers. Actions can be related to vehicle functions,
-      can influence the display, or can run custom requests or code.`,
+    title: t('Joystick Configuration'),
+    content: t('Connect a controller and move a joystick or press a button to see the current function mapping.'),
+    opposite: t(
+      "Fully supported joysticks have a visual configuration interface available, but there's also a mapping table provided for custom or uncommon controllers. Actions can be related to vehicle functions."
+    ),
   },
   {
     id: 8,
-    title: 'Video Configuration',
-    content: `Video sources (from MAVLink Camera Manager / BlueOS) can be given custom names, and you can
-      configure Cockpit's receiver settings to improve performance.`,
-    opposite: `There are also preferences for the video recording library, to automatically process recorded chunks
-      into video files, and zip together files when downloading multiple videos or a video with telemetry subtitles.`,
+    title: t('Video Configuration'),
+    content: t(
+      "Video sources (from MAVLink Camera Manager / BlueOS) can be given custom names, and you can configure Cockpit's receiver settings to improve performance."
+    ),
+    opposite: t(
+      'There are also preferences for the video recording library, to automatically process recorded chunks into video files, and zip together files when downloading multiple videos or a video with telemetry subtitles.'
+    ),
   },
   {
     id: 9,
-    title: 'Telemetry Recording',
-    opposite: `Subtitle overlays of telemetry data can be recorded with videos. This panel allows choosing which
-      variables to include, where they appear on the screen, how the subtitles are styled, and the update rate.`,
+    title: t('Telemetry Recording'),
+    opposite: t(
+      'Subtitle overlays of telemetry data can be recorded with videos. This panel allows choosing which variables to include, where they appear on the screen, how the subtitles are styled, and the update rate.'
+    ),
   },
   {
     id: 10,
-    title: 'Alerts Configuration',
-    opposite: `Voice alerts can announce notifications and issues during operation, without covering the screen.
-      The voice and reported alert severities can be configured here.`,
+    title: t('Alerts Configuration'),
+    opposite: t(
+      'Voice alerts can announce notifications and issues during operation, without covering the screen. The voice and reported alert severities can be configured here.'
+    ),
   },
   {
     id: 11,
-    title: 'Dev Settings',
-    content: `This section includes settings and Cockpit logs to help with development and advanced troubleshooting.`,
-    opposite: `We recommend leaving the default values, but if you prefer to you can stop Cockpit from synchronizing
-      its settings with BlueOS vehicles. Telemetry sharing is configured from 'Settings' > 'General' > 'Shared Data'.`,
+    title: t('Dev Settings'),
+    content: t(
+      'This section includes settings and Cockpit logs to help with development and advanced troubleshooting.'
+    ),
+    opposite: t(
+      "We recommend leaving the default values, but if you prefer to you can stop Cockpit from synchronizing its settings with BlueOS vehicles. Telemetry sharing is configured from 'Settings' > 'General' > 'Shared Data'."
+    ),
   },
   {
     id: 12,
-    title: 'Mission Configuration',
-    opposite: `This panel allows selecting which vehicle commands require an extra confirmation step before sending,
-      to avoid triggering mission- or safety-critical functions accidentally.`,
+    title: t('Mission Configuration'),
+    opposite: t(
+      'This panel allows selecting which vehicle commands require an extra confirmation step before sending, to avoid triggering mission- or safety-critical functions accidentally.'
+    ),
   },
   {
     id: 13,
-    title: 'Tutorial Completed',
-    content: `You're ready to go!`,
-    opposite: `If you want to see it again, this guide can be reopened through 'Settings' > 'General'.
-      For further support, please reach out through the channels listed in the 'About' section of the sidebar.`,
+    title: t('Tutorial Completed'),
+    content: t("You're ready to go!"),
+    opposite: t(
+      "If you want to see it again, this guide can be reopened through 'Settings' > 'General'. For further support, please reach out through the channels listed in the 'About' section of the sidebar."
+    ),
   },
-]
+])
 
 const handleStepChange = (newStep: number): void => {
   switch (newStep) {
@@ -318,7 +335,7 @@ const dontShowTutorialAgain = (): void => {
   showTutorial.value = false
   currentTutorialStep.value = 1
   openSnackbar({
-    message: 'This guide can be reopened via the Settings > General menu',
+    message: t('This guide can be reopened via the Settings > General menu'),
     variant: 'info',
     closeButton: true,
     duration: 5000,
@@ -331,7 +348,7 @@ const alwaysShowTutorialOnStartup = (): void => {
 }
 
 const nextTutorialStep = (): void => {
-  if (currentTutorialStep.value === steps.length) {
+  if (currentTutorialStep.value === steps.value.length) {
     dontShowTutorialAgain()
     closeTutorial()
     return
diff --git a/src/components/UpdateNotification.vue b/src/components/UpdateNotification.vue
index c795218567..319dac0295 100644
--- a/src/components/UpdateNotification.vue
+++ b/src/components/UpdateNotification.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <InteractionDialog
     v-model="showUpdateDialog"
     :title="dialogTitle"
@@ -9,10 +9,10 @@
   >
     <template #content>
       <div v-if="updateInfo" class="mt-2">
-        <strong>Update Details:</strong>
-        <p>Current Version: {{ app_version.version }}</p>
-        <p>New Version: {{ updateInfo.version }}</p>
-        <p>Release Date: {{ formatDate(updateInfo.releaseDate) }}</p>
+        <strong>{{ $t('Update Details') }}:</strong>
+        <p>{{ $t('Current Version') }}: {{ app_version.version }}</p>
+        <p>{{ $t('New Version') }}: {{ updateInfo.version }}</p>
+        <p>{{ $t('Release Date') }}: {{ formatDate(updateInfo.releaseDate) }}</p>
       </div>
       <v-progress-linear
         v-if="showProgress"
@@ -33,11 +33,14 @@
 <script setup lang="ts">
 import { useStorage } from '@vueuse/core'
 import { onBeforeMount, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import InteractionDialog, { type Action } from '@/components/InteractionDialog.vue'
 import { app_version } from '@/libs/cosmos'
 import { isElectron } from '@/libs/utils'
 
+const { t } = useI18n()
+
 const showUpdateDialog = ref(false)
 const dialogTitle = ref('')
 const dialogMessage = ref('')
@@ -70,8 +73,8 @@ onBeforeMount(() => {
   // Listen for update events
   window.electronAPI.onCheckingForUpdate(() => {
     console.log('Checking if there are updates for the Electron app...')
-    dialogTitle.value = 'Checking for Updates'
-    dialogMessage.value = 'Looking for new versions of the application...'
+    dialogTitle.value = t('Checking for Updates')
+    dialogMessage.value = t('Looking for new versions of the application...')
     dialogVariant.value = 'info'
     dialogActions.value = []
     showProgress.value = false
@@ -80,12 +83,12 @@ onBeforeMount(() => {
 
   window.electronAPI.onUpdateNotAvailable(() => {
     console.log('No updates available for the Electron app.')
-    dialogTitle.value = 'No Updates Available'
-    dialogMessage.value = 'You are running the latest version of the application.'
+    dialogTitle.value = t('No Updates Available')
+    dialogMessage.value = t('You are running the latest version of the application.')
     dialogVariant.value = 'success'
     dialogActions.value = [
       {
-        text: 'OK',
+        text: t('OK'),
         action: () => {
           showUpdateDialog.value = false
         },
@@ -96,13 +99,13 @@ onBeforeMount(() => {
 
   window.electronAPI.onUpdateAvailable((info) => {
     console.log('Update available for the Electron app.', info)
-    dialogTitle.value = 'Update Available'
-    dialogMessage.value = 'A new version of the application is available. Would you like to download it now?'
+    dialogTitle.value = t('Update Available')
+    dialogMessage.value = t('A new version of the application is available. Would you like to download it now?')
     dialogVariant.value = 'info'
     updateInfo.value = { ...info }
     dialogActions.value = [
       {
-        text: 'Ignore This Version',
+        text: t('Ignore This Version'),
         action: () => {
           console.log(`User chose to ignore version ${updateInfo.value.version}`)
           ignoredUpdateVersions.value.push(updateInfo.value.version)
@@ -111,25 +114,25 @@ onBeforeMount(() => {
         },
       },
       {
-        text: 'Download',
+        text: t('Download'),
         action: () => {
           window.electronAPI!.downloadUpdate()
           showProgress.value = true
           dialogActions.value = [
             {
-              text: 'Cancel',
+              text: t('Cancel'),
               action: () => {
                 console.log('User chose to cancel the update for the Electron app.')
                 window.electronAPI!.cancelUpdate()
                 showUpdateDialog.value = false
-                dialogMessage.value = 'Downloading update...'
+                dialogMessage.value = t('Downloading update...')
               },
             },
           ]
         },
       },
       {
-        text: 'Not Now',
+        text: t('Not Now'),
         action: () => {
           window.electronAPI!.cancelUpdate()
           showUpdateDialog.value = false
@@ -153,14 +156,15 @@ onBeforeMount(() => {
 
   window.electronAPI.onUpdateDownloaded(() => {
     console.log('Finished downloading the update for the Electron app.')
-    dialogTitle.value = 'Update Ready to Install'
-    dialogMessage.value =
+    dialogTitle.value = t('Update Ready to Install')
+    dialogMessage.value = t(
       'The update has been downloaded. Would you like to install it now? The application will restart during installation.'
+    )
     dialogVariant.value = 'info'
     showProgress.value = false
     dialogActions.value = [
       {
-        text: 'Install Now',
+        text: t('Install Now'),
         action: () => {
           console.log('User chose to install the update for the Electron app now.')
           window.electronAPI!.installUpdate()
@@ -168,7 +172,7 @@ onBeforeMount(() => {
         },
       },
       {
-        text: 'Later',
+        text: t('Later'),
         action: () => {
           console.log('User chose to install the update for the Electron app later.')
           showUpdateDialog.value = false
diff --git a/src/components/UserNameInputDialog.vue b/src/components/UserNameInputDialog.vue
index 2c53a5db16..24d84edf73 100644
--- a/src/components/UserNameInputDialog.vue
+++ b/src/components/UserNameInputDialog.vue
@@ -26,13 +26,13 @@
             class="w-full h-full flex flex-col align-center justify-center text-center"
           >
             <p v-if="missionStore.username === undefined">
-              It seems like you don't have any users stored on this device yet.
+              {{ $t("It seems like you don't have any users stored on this device yet.") }}
             </p>
             <p>
               {{
                 isOnEditMode
-                  ? `Be careful when deleting users from the vehicle - this process cannot be undone`
-                  : 'Select a user below, or switch to admin mode to create or edit users'
+                  ? $t('Be careful when deleting users from the vehicle - this process cannot be undone')
+                  : $t('Select a user below, or switch to admin mode to create or edit users')
               }}
             </p>
             <br />
@@ -68,26 +68,26 @@
               variant="text"
               @click="showNewUsernamePrompt = true"
             >
-              <p class="mr-2">add new user</p>
+              <p class="mr-2">{{ $t('add new user') }}</p>
               <p><v-icon size="20" color="white">mdi-plus-circle-outline</v-icon></p></v-btn
             >
             <div class="fixed bottom-[6px] left-8">
-              <v-switch v-model="isOnEditMode" hide-details label="admin mode" color="white" />
+              <v-switch v-model="isOnEditMode" hide-details :label="$t('admin mode')" color="white" />
             </div>
           </div>
           <div v-else class="w-full h-full flex flex-col align-center justify-center">
-            <p>This username will be used to store your settings in the vehicle.</p>
+            <p>{{ $t('This username will be used to store your settings in the vehicle.') }}</p>
             <br />
-            <p>If you don't set your username, auto-sync with the vehicle won't work.</p>
-            <p>The user can be set or changed later in the General menu.</p>
+            <p>{{ $t("If you don't set your username, auto-sync with the vehicle won't work.") }}</p>
+            <p>{{ $t('The user can be set or changed later in the General menu.') }}</p>
             <br />
             <v-text-field
               v-model="newUsername"
               variant="filled"
-              placeholder="Username"
+              :placeholder="$t('Username')"
               type="input"
               density="compact"
-              hint="Your identification username."
+              :hint="$t('This username will be used to store your settings in the vehicle.')"
               class="w-[50%] m-4"
               :error-messages="validationError"
               @keyup.enter="saveUserName"
@@ -102,6 +102,7 @@
 <script setup lang="ts">
 import slugify from 'slugify'
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useInteractionDialog } from '@/composables/interactionDialog'
 import { openSnackbar } from '@/composables/snackbar'
@@ -112,6 +113,7 @@ import { useMissionStore } from '@/stores/mission'
 
 import InteractionDialog from './InteractionDialog.vue'
 
+const { t } = useI18n()
 const emit = defineEmits(['confirmed', 'dismissed'])
 
 const missionStore = useMissionStore()
@@ -132,15 +134,15 @@ const blueOsLoadState = ref<BlueOsLoadState>('idle')
 
 const deleteUser = async (username: string): Promise<void> => {
   if (username === missionStore.username) {
-    openSnackbar({ message: 'You cannot delete the current user.', variant: 'error' })
+    openSnackbar({ message: t('You cannot delete the current user.'), variant: 'error' })
     return
   }
 
-  const UNKNOWN_VEHICLE_LABEL = 'current vehicle'
+  const UNKNOWN_VEHICLE_LABEL = t('current vehicle')
   showUserDialog.value = false
 
   showDialog({
-    title: 'Warning!',
+    title: t('Warning'),
     message: `All settings for '${username}' will be permanently removed from ${
       currentVehicleName.value || UNKNOWN_VEHICLE_LABEL
     }.`,
@@ -148,19 +150,19 @@ const deleteUser = async (username: string): Promise<void> => {
     variant: 'warning',
     actions: [
       {
-        text: 'Cancel',
+        text: t('Cancel'),
         action: () => {
           closeDialog()
           showUserDialog.value = true
         },
       },
       {
-        text: 'Delete',
+        text: t('Delete'),
         action: async () => {
           try {
             const vehicleAddress = await mainVehicleStore.getVehicleAddress()
             await deleteUsernameOnBlueOS(vehicleAddress, username)
-            openSnackbar({ message: `User '${username}' deleted`, variant: 'success' })
+            openSnackbar({ message: t('User deleted'), variant: 'success' })
 
             if (missionStore.username === username) {
               missionStore.username = ''
@@ -171,12 +173,15 @@ const deleteUser = async (username: string): Promise<void> => {
             try {
               await loadUsernamesFromBlueOS()
               openSnackbar({
-                message: `Failed deleting '${username}'. The list was refreshed. Please try again.`,
+                message: t('Failed deleting user. The list was refreshed. Please try again.'),
                 variant: 'error',
                 duration: 5000,
               })
             } catch (updateError) {
-              openSnackbar({ message: `Failed deleting '${username}'`, variant: 'error' })
+              openSnackbar({
+                message: t("Failed deleting '{username}'", { username }),
+                variant: 'error',
+              })
               console.error(updateError)
             }
             console.error(err)
@@ -270,7 +275,7 @@ onBeforeUnmount(() => {
 })
 const isUsernamesEmpty = computed(() => !usernamesStoredOnBlueOS.value || usernamesStoredOnBlueOS.value.length === 0)
 const dialogTitle = computed(() =>
-  currentVehicleName.value ? `Manage users on: ${currentVehicleName.value}` : 'Manage users'
+  currentVehicleName.value ? `${t('Manage users on:')} ${currentVehicleName.value}` : t('Manage users')
 )
 const localOnlyNotice = computed(() => {
   if (blueOsLoadState.value === 'offline') {
@@ -284,19 +289,19 @@ const localOnlyNotice = computed(() => {
 
 const validateUsername = (username: string): true | string => {
   if (username.includes(' ')) {
-    return 'Username cannot contain spaces.'
+    return t('Username cannot contain spaces.')
   } else if (username.toLowerCase().includes('cockpit')) {
-    return 'Username cannot contain "cockpit" as it is reserved for internal use.'
+    return t('Username cannot contain "cockpit" as it is reserved for internal use.')
   } else if (username.toLowerCase().includes('fallback')) {
-    return 'Username cannot contain "fallback" as it is reserved for internal use.'
+    return t('Username cannot contain "fallback" as it is reserved for internal use.')
   } else if (username.length < 3) {
-    return 'Username must be at least 3 characters long.'
+    return t('Username must be at least 3 characters long.')
   } else if (username.length > 16) {
-    return 'Username must be at most 16 characters long.'
+    return t('Username must be at most 16 characters long.')
   } else if (!username.match(/^[a-zA-Z0-9_.-]+$/)) {
-    return 'Username can only contain letters, numbers, and the following characters: _ - .'
+    return t('Username can only contain letters, numbers, and the following characters: _ - .')
   } else if (username.toLowerCase() !== username) {
-    return 'Username must be lowercase.'
+    return t('Username must be lowercase.')
   }
   return true
 }
@@ -316,21 +321,21 @@ const saveUserName = (): void => {
 
 const inputDialogActions = [
   {
-    text: 'Cancel',
+    text: t('Cancel'),
     action: () => {
       showUserDialog.value = false
       emit('dismissed')
     },
   },
   {
-    text: 'Save',
+    text: t('Save'),
     action: saveUserName,
   },
 ]
 
 const regularDialogActions = [
   {
-    text: 'Close',
+    text: t('Close'),
     action: () => {
       showUserDialog.value = false
     },
diff --git a/src/components/VehicleDiscoveryDialog.vue b/src/components/VehicleDiscoveryDialog.vue
index 897a5c612c..9131342f21 100644
--- a/src/components/VehicleDiscoveryDialog.vue
+++ b/src/components/VehicleDiscoveryDialog.vue
@@ -1,19 +1,19 @@
 <template>
   <InteractionDialog
     v-model="isOpen"
-    :title="displaySearching ? 'Searching for vehicles...' : 'Vehicle Discovery'"
+    :title="displaySearching ? $t('Searching for vehicles...') : $t('Vehicle Discovery')"
     :actions="dialogActions"
     :persistent="displaySearching"
     :variant="'text-only'"
   >
     <template #content>
       <div v-if="props.showAutoSearchOption && preventAutoSearch">
-        <div class="text-sm mb-4">You can still search for vehicles in the general configuration menu.</div>
+        <div class="text-sm mb-4">{{ $t('You can still search for vehicles in the general configuration menu.') }}</div>
       </div>
       <div v-else class="flex flex-col items-center justify-center gap-4 min-w-[300px] min-h-[100px]">
         <div v-if="displaySearching" class="flex flex-col items-center gap-2 mb-2 max-w-[420px]">
           <v-progress-circular class="mb-2" indeterminate />
-          <span v-if="vehicles.length === 0">Searching for vehicles in your network...</span>
+          <span v-if="vehicles.length === 0">{{ $t('Searching for vehicles in your network...') }}</span>
           <span v-else> Found {{ vehicles.length }} vehicle{{ vehicles.length > 1 ? 's' : '' }} so far... </span>
           <div v-if="progressStatus" class="text-xs opacity-75 text-center">
             <div>{{ progressStatus.headline }}</div>
@@ -22,7 +22,9 @@
         </div>
 
         <div v-if="vehicles.length > 0" class="flex flex-col gap-2 mb-3">
-          <div v-if="!displaySearching" class="h-4 font-weight-bold text-center mb-5">Vehicles found!</div>
+          <div v-if="!displaySearching" class="h-4 font-weight-bold text-center mb-5">
+            {{ $t('Vehicles found!') }}
+          </div>
           <div v-for="vehicle in vehicles" :key="vehicle.address" class="flex items-center gap-2">
             <v-btn variant="tonal" class="max-w-[500px] justify-start truncate" @click="selectVehicle(vehicle.address)">
               <span class="max-w-[300px] truncate">{{ vehicle.name }}</span>
@@ -31,18 +33,22 @@
           </div>
         </div>
 
-        <div v-else-if="searched && !displaySearching" class="text-sm">No vehicles found in your network.</div>
+        <div v-else-if="searched && !displaySearching" class="text-sm">
+          {{ $t('No vehicles found in your network.') }}
+        </div>
 
         <div v-if="!displaySearching && !searched" class="flex flex-col gap-2 items-center justify-center text-center">
-          <p v-if="props.showAutoSearchOption" class="font-bold">It looks like you're not connected to a vehicle!</p>
+          <p v-if="props.showAutoSearchOption" class="font-bold">
+            {{ $t("It looks like you're not connected to a vehicle!") }}
+          </p>
           <p class="max-w-[25rem] mb-2">
-            This tool allows you to locate and connect to BlueOS vehicles within your network.
+            {{ $t('This tool allows you to locate and connect to BlueOS vehicles within your network.') }}
           </p>
         </div>
 
         <div v-if="!displaySearching" class="flex justify-center items-center">
           <v-btn variant="outlined" :disabled="searching" class="mb-5" @click="searchVehicles">
-            {{ searched ? 'Search again' : 'Search for vehicles' }}
+            {{ searched ? $t('Search again') : $t('Search for vehicles') }}
           </v-btn>
         </div>
       </div>
@@ -53,6 +59,7 @@
 <script setup lang="ts">
 import { useStorage } from '@vueuse/core'
 import { computed, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useSnackbar } from '@/composables/snackbar'
 import vehicleDiscover, { DiscoveryProgress, NetworkVehicle } from '@/libs/electron/vehicle-discovery'
@@ -98,6 +105,7 @@ const emit = defineEmits<{
   (e: 'update:modelValue', value: boolean): void
 }>()
 
+const { t } = useI18n()
 const { openSnackbar } = useSnackbar()
 const mainVehicleStore = useMainVehicleStore()
 const discoveryService = vehicleDiscover
@@ -131,7 +139,7 @@ const progressStatus = computed<ProgressStatusLine | null>(() => {
 
 const originalActions = [
   {
-    text: 'Close',
+    text: t('Close'),
     action: () => {
       isOpen.value = false
     },
@@ -140,7 +148,7 @@ const originalActions = [
 
 if (props.showAutoSearchOption) {
   originalActions.unshift({
-    text: "Don't show again",
+    text: t("Don't show again"),
     action: () => preventFutureAutoSearchs(),
   })
 }
@@ -204,7 +212,7 @@ const selectVehicle = async (address: string): Promise<void> => {
   mainVehicleStore.globalAddress = address
   isOpen.value = false
   await reloadCockpitAndWarnUser()
-  openSnackbar({ message: 'Vehicle address updated', variant: 'success', duration: 5000 })
+  openSnackbar({ message: t('Vehicle address updated'), variant: 'success', duration: 5000 })
 }
 
 const preventFutureAutoSearchs = (): void => {
diff --git a/src/components/VideoLibraryModal.vue b/src/components/VideoLibraryModal.vue
index e474269110..d6df5847ad 100644
--- a/src/components/VideoLibraryModal.vue
+++ b/src/components/VideoLibraryModal.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <v-dialog v-model="isVisible" class="dialog">
     <div class="flex">
       <div class="video-modal" :style="interfaceStore.globalGlassMenuStyles">
@@ -31,7 +31,7 @@
                   </v-icon>
                 </div>
                 <div class="text-sm" :class="{ 'text-white/30': !button.disabled }">
-                  {{ button.name }}
+                  {{ button.label }}
                 </div>
               </button>
             </div>
@@ -53,10 +53,14 @@
                   >
                     <div class="flex flex-col p-2 gap-y-2">
                       <div>
-                        <strong>Computer:</strong> Command+click, Ctrl+click or Long click to select multiple videos.
+                        <strong>{{ $t('Computer') }}:</strong>
+                        {{ $t('Command+click, Ctrl+click or Long click to select multiple videos.') }}
                       </div>
 
-                      <div><strong>Mobile:</strong> Long press to select multiple videos.</div>
+                      <div>
+                        <strong>{{ $t('Mobile') }}:</strong>
+                        {{ $t('Long press to select multiple videos.') }}
+                      </div>
                     </div>
                   </v-tooltip>
                 </button>
@@ -68,7 +72,7 @@
                 >
                   <v-icon class="text-[18px]">mdi-close</v-icon>
                 </div>
-                <div class="text-sm">Close</div>
+                <div class="text-sm">{{ $t('Close') }}</div>
               </button>
             </div>
           </div>
@@ -129,16 +133,16 @@
                 </div>
               </div>
               <div v-else class="flex flex-1 min-h-0 pt-6 items-center justify-center text-xl text-center px-6">
-                {{ loadingData ? 'Loading' : 'No pictures found' }}
+                {{ loadingData ? $t('Loading') : $t('No pictures found') }}
               </div>
               <div class="shrink-0 h-14 flex justify-between items-center px-4 border-t border-white/10">
                 <div class="flex items-center gap-2">
                   <template v-if="availablePictures.length > 1">
                     <v-btn variant="text" size="small" @click="toggleSelectionMode">
                       <v-tooltip open-delay="500" activator="parent" location="bottom">
-                        Select {{ isMultipleSelectionMode ? 'single' : 'multiple' }} files
+                        {{ isMultipleSelectionMode ? $t('Select single files') : $t('Select multiple files') }}
                       </v-tooltip>
-                      {{ isMultipleSelectionMode ? 'Single selection' : 'Multi selection' }}
+                      {{ isMultipleSelectionMode ? $t('Single') : $t('Multi') }}
                     </v-btn>
                     <v-btn
                       variant="text"
@@ -148,9 +152,11 @@
                       "
                     >
                       <v-tooltip open-delay="500" activator="parent" location="bottom">
-                        Select {{ selectedPicSet.size === availablePictures.length ? 'none' : 'all files' }}
+                        {{
+                          selectedPicSet.size === availablePictures.length ? $t('Select none') : $t('Select all files')
+                        }}
                       </v-tooltip>
-                      {{ selectedPicSet.size === availablePictures.length ? 'None' : 'All' }}
+                      {{ selectedPicSet.size === availablePictures.length ? $t('None') : $t('All') }}
                     </v-btn>
                   </template>
                 </div>
@@ -162,7 +168,7 @@
                       :disabled="selectedPictures.length === 0"
                       @click="downloadPictures()"
                     >
-                      Download
+                      {{ $t('Download') }}
                     </v-btn>
                     <v-btn
                       variant="text"
@@ -170,11 +176,13 @@
                       :disabled="selectedPictures.length === 0"
                       @click="handleDeletePictures()"
                     >
-                      Delete
+                      {{ $t('Delete') }}
                     </v-btn>
                   </template>
                   <v-btn icon variant="text" class="mb-1" @click="openSnapshotFolder">
-                    <v-tooltip open-delay="500" activator="parent" location="bottom"> Open snapshots folder </v-tooltip>
+                    <v-tooltip open-delay="500" activator="parent" location="bottom">
+                      {{ $t('Open snapshots folder') }}
+                    </v-tooltip>
                     <v-icon>mdi-folder-open-outline</v-icon>
                   </v-btn>
                 </div>
@@ -210,9 +218,11 @@
                   <div class="flex flex-col h-full min-h-0">
                     <div class="mx-5 pt-4 shrink-0">
                       <div class="flex justify-between items-center mb-4">
-                        <h3 class="text-lg font-medium">Processed Videos</h3>
+                        <h3 class="text-lg font-medium">
+                          {{ $t('Processed Videos') }}
+                        </h3>
                         <div class="flex items-center gap-4">
-                          <span class="text-sm text-white/70">Final videos with telemetry overlay</span>
+                          <span class="text-sm text-white/70">{{ $t('Final videos with telemetry overlay') }}</span>
                         </div>
                       </div>
                     </div>
@@ -242,7 +252,7 @@
                           <!-- Video Info -->
                           <div class="flex-1 ml-4">
                             <div class="font-medium text-white">
-                              {{ parseDateFromTitle(video.fileName) || 'Cockpit video' }}
+                              {{ parseDateFromTitle(video.fileName) || $t('Cockpit video') }}
                             </div>
                             <div class="text-sm text-white/70 mt-1">
                               {{ video.fileName }}
@@ -262,10 +272,10 @@
                               <span class="text-xs text-white/60 ml-1">
                                 {{
                                   video.isProcessed
-                                    ? 'Processed'
+                                    ? $t('Processed')
                                     : isRecordingOngoing()
-                                    ? 'Recording ongoing'
-                                    : 'Raw format'
+                                    ? $t('Recording ongoing')
+                                    : $t('Raw format')
                                 }}
                               </span>
                             </div>
@@ -279,7 +289,9 @@
                               size="small"
                               @click.stop="playVideoInDefaultPlayer(video.fileName)"
                             >
-                              <v-tooltip open-delay="500" activator="parent" location="bottom"> Play video </v-tooltip>
+                              <v-tooltip open-delay="500" activator="parent" location="bottom">
+                                {{ $t('Play video') }}
+                              </v-tooltip>
                               <v-icon size="22">mdi-play</v-icon>
                             </v-btn>
                             <v-btn
@@ -290,7 +302,7 @@
                               @click.stop="handleDeleteVideos([video])"
                             >
                               <v-tooltip open-delay="500" activator="parent" location="bottom">
-                                Delete video
+                                {{ $t('Delete video') }}
                               </v-tooltip>
                               <v-icon>mdi-delete</v-icon>
                             </v-btn>
@@ -300,7 +312,7 @@
                     </div>
 
                     <div v-else class="flex flex-1 min-h-0 items-center justify-center text-xl text-center px-4">
-                      {{ loadingData ? 'Loading' : 'No videos on storage' }}
+                      {{ loadingData ? $t('Loading') : $t('No videos on storage') }}
                     </div>
 
                     <!-- Fixed Bottom Controls -->
@@ -309,9 +321,9 @@
                         <template v-if="availableVideos.length > 0">
                           <v-btn variant="text" size="small" @click="toggleSelectionMode">
                             <v-tooltip open-delay="500" activator="parent" location="bottom">
-                              Select {{ isMultipleSelectionMode ? 'single' : 'multiple' }} files
+                              {{ isMultipleSelectionMode ? $t('Select single files') : $t('Select multiple files') }}
                             </v-tooltip>
-                            {{ isMultipleSelectionMode ? 'Single' : 'Multi' }}
+                            {{ isMultipleSelectionMode ? $t('Single') : $t('Multi') }}
                           </v-btn>
                           <v-btn
                             variant="text"
@@ -321,9 +333,13 @@
                             "
                           >
                             <v-tooltip open-delay="500" activator="parent" location="bottom">
-                              Select {{ selectedVideos.length === availableVideos.length ? 'none' : 'all files' }}
+                              {{
+                                selectedVideos.length === availableVideos.length
+                                  ? $t('Select none')
+                                  : $t('Select all files')
+                              }}
                             </v-tooltip>
-                            {{ selectedVideos.length === availableVideos.length ? 'None' : 'All' }}
+                            {{ selectedVideos.length === availableVideos.length ? $t('None') : $t('All') }}
                           </v-btn>
                         </template>
                       </div>
@@ -331,7 +347,7 @@
                       <div class="flex items-center gap-2">
                         <template v-if="availableVideos.length > 0">
                           <span v-if="selectedVideos.length > 1" class="text-sm text-white/70">
-                            {{ selectedVideos.length }} videos selected
+                            {{ $t('{count} videos selected', { count: selectedVideos.length }) }}
                           </span>
 
                           <v-btn
@@ -343,7 +359,11 @@
                             @click="handleDeleteVideos(selectedVideos)"
                           >
                             <v-tooltip open-delay="500" activator="parent" location="bottom">
-                              Delete {{ selectedVideos.length }} selected videos
+                              {{
+                                $t('Delete {count} selected videos', {
+                                  count: selectedVideos.length,
+                                })
+                              }}
                             </v-tooltip>
                             <v-icon>mdi-delete</v-icon>
                           </v-btn>
@@ -351,7 +371,7 @@
 
                         <v-btn icon variant="text" class="mb-1" @click="openVideoFolder">
                           <v-tooltip open-delay="500" activator="parent" location="bottom">
-                            Open videos folder
+                            {{ $t('Open videos folder') }}
                           </v-tooltip>
                           <v-icon>mdi-folder-open-outline</v-icon>
                         </v-btn>
@@ -366,12 +386,12 @@
                     <!-- Browser: expandable instructions header -->
                     <div v-if="!isElectron()" class="px-4 pt-6 pb-3 shrink-0">
                       <div class="flex justify-between items-center mb-4">
-                        <h3 class="text-lg font-medium">Raw Video Chunks</h3>
+                        <h3 class="text-lg font-medium">{{ $t('Raw Video Chunks') }}</h3>
                         <div
                           class="flex items-center gap-2 cursor-pointer"
                           @click="isInstructionsExpanded = !isInstructionsExpanded"
                         >
-                          <span class="text-sm text-white/70">Browser Version Instructions</span>
+                          <span class="text-sm text-white/70">{{ $t('Browser Version Instructions') }}</span>
                           <v-icon
                             class="text-white/70 transition-transform duration-200"
                             :class="{ 'rotate-180': isInstructionsExpanded }"
@@ -390,36 +410,42 @@
                             <v-icon class="text-white/70 mt-1">mdi-information</v-icon>
                             <div class="text-white/80 text-sm space-y-1">
                               <p>
-                                These are raw video chunks that need to be processed. The processing can be done
-                                exclusively in the standalone version of Cockpit. The browser version can only record
-                                the video chunks.
+                                {{
+                                  $t(
+                                    'These are raw video chunks that need to be processed. The processing can be done exclusively in the standalone version of Cockpit. The browser version can only record the video chunks.'
+                                  )
+                                }}
                               </p>
                               <div>
-                                <p class="font-medium mb-2">To process your videos:</p>
+                                <p class="font-medium mb-2">
+                                  {{ $t('To process your videos:') }}
+                                </p>
                                 <ol class="space-y-0">
                                   <li class="flex items-start gap-2">
                                     <span class="text-white font-bold">1.</span>
-                                    <span>Download your video chunks using the download buttons</span>
+                                    <span>{{ $t('Download your video chunks using the download buttons') }}</span>
                                   </li>
                                   <li class="flex items-start gap-2">
                                     <span class="text-white font-bold">2.</span>
-                                    <span>Open the standalone version of Cockpit (desktop app)</span>
+                                    <span>{{ $t('Open the standalone version of Cockpit (desktop app)') }}</span>
                                   </li>
                                   <li class="flex items-start gap-2">
                                     <span class="text-white font-bold">3.</span>
-                                    <span>Go to the "Processing" tab in the video library</span>
+                                    <span>{{ $t('Go to the "Processing" tab in the video library') }}</span>
                                   </li>
                                   <li class="flex items-start gap-2">
                                     <span class="text-white font-bold">4.</span>
-                                    <span>
-                                      Select and process your downloaded ZIP files (large recordings are split into
-                                      multiple part-zips — pick them all together, or just one and the rest will be
-                                      auto-detected if they're in the same folder)
-                                    </span>
+                                    <span>{{
+                                      $t(
+                                        "Select and process your downloaded ZIP files (large recordings are split into multiple part-zips  -  pick them all together, or just one and the rest will be auto-detected if they're in the same folder)"
+                                      )
+                                    }}</span>
                                   </li>
                                   <li class="flex items-start gap-2">
                                     <span class="text-white font-bold">5.</span>
-                                    <span>Once sure the video is processed, delete the raw video chunks from here</span>
+                                    <span>{{
+                                      $t('Once sure the video is processed, delete the raw video chunks from here')
+                                    }}</span>
                                   </li>
                                 </ol>
                               </div>
@@ -431,8 +457,8 @@
                     <!-- Electron: simple header -->
                     <div v-else class="mx-5 pt-4 shrink-0">
                       <div class="flex justify-between items-center mb-4">
-                        <h3 class="text-lg font-medium">Raw Video Chunks</h3>
-                        <span class="text-sm text-white/70">Backup raw data</span>
+                        <h3 class="text-lg font-medium">{{ $t('Raw Video Chunks') }}</h3>
+                        <span class="text-sm text-white/70">{{ $t('Backup raw data') }}</span>
                       </div>
                     </div>
 
@@ -450,8 +476,13 @@
                               {{ formatDate(group.firstChunkDate) }}
                             </div>
                             <div class="text-sm text-white/50 mt-1">
-                              {{ group.chunkCount }} chunks • ~{{ group.estimatedDuration }}s duration •
-                              {{ formatBytes(group.totalSize) }}
+                              {{
+                                $t('{count} chunks ? ~{duration}s duration ? {size}', {
+                                  count: group.chunkCount,
+                                  duration: group.estimatedDuration,
+                                  size: formatBytes(group.totalSize),
+                                })
+                              }}
                             </div>
                           </div>
                           <div class="flex gap-2 mt-4">
@@ -464,7 +495,7 @@
                               @click="processChunkGroup(group)"
                             >
                               <v-tooltip open-delay="500" activator="parent" location="bottom">
-                                Process video chunks
+                                {{ $t('Process video chunks') }}
                               </v-tooltip>
                               <v-icon>mdi-file-cog</v-icon>
                             </v-btn>
@@ -476,7 +507,7 @@
                               @click="downloadChunkGroup(group)"
                             >
                               <v-tooltip open-delay="500" activator="parent" location="bottom">
-                                {{ isElectron() ? 'Download chunk group as ZIP' : 'Download chunk group' }}
+                                {{ isElectron() ? $t('Download chunk group as ZIP') : $t('Download chunk group') }}
                               </v-tooltip>
                               <v-icon>mdi-download</v-icon>
                             </v-btn>
@@ -488,7 +519,7 @@
                               @click="deleteChunkGroup(group)"
                             >
                               <v-tooltip open-delay="500" activator="parent" location="bottom">
-                                Delete chunk group
+                                {{ $t('Delete chunk group') }}
                               </v-tooltip>
                               <v-icon>mdi-delete</v-icon>
                             </v-btn>
@@ -502,19 +533,23 @@
                       <div class="max-w-md mx-auto">
                         <template v-if="chunkLoadingData">
                           <v-progress-circular indeterminate color="white" size="60" width="3" class="mb-4" />
-                          <h4 class="text-lg font-medium text-white mb-2">Loading Video Chunks</h4>
-                          <p class="text-white/70 text-sm">Counting chunks and calculating sizes...</p>
+                          <h4 class="text-lg font-medium text-white mb-2">
+                            {{ $t('Loading Video Chunks') }}
+                          </h4>
+                          <p class="text-white/70 text-sm">
+                            {{ $t('Counting chunks and calculating sizes...') }}
+                          </p>
                         </template>
                         <template v-else>
                           <v-icon size="60" class="text-white/30 mb-4">mdi-folder-multiple-outline</v-icon>
                           <h4 class="text-lg font-medium text-white mb-2">
-                            {{ isElectron() ? 'No Raw Chunks Found' : 'No Video Chunks Found' }}
+                            {{ isElectron() ? $t('No Raw Chunks Found') : $t('No Video Chunks Found') }}
                           </h4>
                           <p class="text-white/70 text-sm">
                             {{
                               isElectron()
-                                ? 'Start recording videos to create raw chunks.'
-                                : 'Start recording videos to create chunks that can be downloaded.'
+                                ? $t('Start recording videos to create raw chunks.')
+                                : $t('Start recording videos to create chunks that can be downloaded.')
                             }}
                           </p>
                         </template>
@@ -523,16 +558,18 @@
 
                     <!-- Footer -->
                     <div class="shrink-0 h-14 flex justify-end items-center gap-4 px-4 border-t border-white/10">
-                      <span class="text-sm text-white/70">Total: {{ formatBytes(totalChunkSize) }}</span>
+                      <span class="text-sm text-white/70">{{
+                        $t('Total: {size}', { size: formatBytes(totalChunkSize) })
+                      }}</span>
                       <v-btn icon variant="text" class="mb-1" :disabled="isProcessingChunks" @click="deleteAllChunks">
                         <v-tooltip open-delay="500" activator="parent" location="bottom">
-                          Delete all raw chunks
+                          {{ $t('Delete all raw chunks') }}
                         </v-tooltip>
                         <v-icon>mdi-delete</v-icon>
                       </v-btn>
                       <v-btn v-if="isElectron()" icon variant="text" class="mb-1" @click="openVideoChunksFolder">
                         <v-tooltip open-delay="500" activator="parent" location="bottom">
-                          Open raw chunks folder
+                          {{ $t('Open raw chunks folder') }}
                         </v-tooltip>
                         <v-icon>mdi-folder-open-outline</v-icon>
                       </v-btn>
@@ -546,9 +583,13 @@
                     <!-- Processing Container (Top) -->
                     <div class="flex-1 overflow-y-auto px-4 py-6">
                       <div class="flex justify-between items-center mb-4">
-                        <h3 class="text-lg font-medium">Process ZIP Files</h3>
+                        <h3 class="text-lg font-medium">
+                          {{ $t('Process ZIP Files') }}
+                        </h3>
                         <div class="flex items-center gap-4">
-                          <span class="text-sm text-white/70">Process raw chunks from Cockpit Lite (web version)</span>
+                          <span class="text-sm text-white/70">{{
+                            $t('Process raw chunks from Cockpit Lite (web version)')
+                          }}</span>
                         </div>
                       </div>
 
@@ -556,7 +597,7 @@
                       <div v-if="isProcessingZip" class="bg-blue-900/30 border border-blue-500/30 rounded-lg p-4 mb-4">
                         <div class="flex items-center gap-3 mb-3">
                           <v-progress-circular indeterminate color="blue" size="24" width="2" />
-                          <span class="text-blue-200 font-medium">Processing ZIP file(s)...</span>
+                          <span class="text-blue-200 font-medium">{{ $t('Processing ZIP file(s)...') }}</span>
                         </div>
                         <div class="text-blue-100 text-sm">
                           {{ zipProcessingMessage }}
@@ -578,20 +619,23 @@
                       >
                         <div class="flex items-center gap-3 mb-3">
                           <v-icon color="green" size="24">mdi-check-circle</v-icon>
-                          <span class="text-green-200 font-medium">Processing Complete!</span>
+                          <span class="text-green-200 font-medium">{{ $t('Processing Complete!') }}</span>
                         </div>
                         <div class="text-green-100 text-sm">
-                          The ZIP file(s) have been successfully processed. The video is now available in the Videos
-                          tab.
+                          {{
+                            $t(
+                              'The ZIP file(s) have been successfully processed. The video is now available in the Videos tab.'
+                            )
+                          }}
                         </div>
                         <div class="mt-4 flex gap-2">
                           <v-btn variant="outlined" size="small" @click="processAnotherZip">
                             <v-icon class="mr-2">mdi-plus</v-icon>
-                            Process More ZIP Files
+                            {{ $t('Process More ZIP Files') }}
                           </v-btn>
                           <v-btn variant="outlined" size="small" @click="currentVideoSubTab = 'processed'">
                             <v-icon class="mr-2">mdi-video</v-icon>
-                            View Videos
+                            {{ $t('View Videos') }}
                           </v-btn>
                         </div>
                       </div>
@@ -603,16 +647,19 @@
                       >
                         <div class="text-center">
                           <v-icon size="48" class="text-slate-400 mb-3">mdi-zip-box</v-icon>
-                          <h4 class="text-lg font-medium text-white mb-2">Process ZIP File(s)</h4>
+                          <h4 class="text-lg font-medium text-white mb-2">
+                            {{ $t('Process ZIP File(s)') }}
+                          </h4>
                           <p class="text-white/70 text-sm mb-4">
-                            Select one or more ZIP files containing raw video chunks downloaded from Cockpit Lite.
-                            Recordings larger than 1GB are split into multiple part-zips — select all of them (or just
-                            one and we'll auto-detect the rest in the same folder) so we can stitch every chunk into a
-                            single video.
+                            {{
+                              $t(
+                                "Select one or more ZIP files containing raw video chunks downloaded from Cockpit Lite. Recordings larger than 1GB are split into multiple part-zips  -  select all of them (or just one and we'll auto-detect the rest in the same folder) so we can stitch every chunk into a single video."
+                              )
+                            }}
                           </p>
                           <v-btn variant="outlined" size="large" @click="handleProcessVideoChunksZip">
                             <v-icon class="mr-2">mdi-folder-open</v-icon>
-                            Select and Process ZIP File(s)
+                            {{ $t('Select and Process ZIP File(s)') }}
                           </v-btn>
                         </div>
                       </div>
@@ -623,27 +670,31 @@
                       <div class="flex items-start gap-3">
                         <v-icon class="mt-1 text-white/70">mdi-information</v-icon>
                         <div class="flex flex-col w-full">
-                          <h4 class="text-white font-medium mb-3">Processing Instructions</h4>
+                          <h4 class="text-white font-medium mb-3">
+                            {{ $t('Processing Instructions') }}
+                          </h4>
                           <ol class="text-white/80 text-sm space-y-2">
                             <li class="flex items-start gap-2">
                               <span class="text-white font-bold">1.</span>
-                              <span>Download raw video chunks from the browser version's "Raw" tab</span>
+                              <span>{{ $t("Download raw video chunks from the browser version's Raw tab") }}</span>
                             </li>
                             <li class="flex items-start gap-2">
                               <span class="text-white font-bold">2.</span>
-                              <span>
-                                Select all ZIP files for the recording (recordings over 1GB are split into multiple
-                                part-zips). Picking a single part-zip is fine too — sibling parts in the same folder are
-                                auto-detected.
-                              </span>
+                              <span>{{
+                                $t(
+                                  'Select all ZIP files for the recording (recordings over 1GB are split into multiple part-zips). Picking a single part-zip is fine too  -  sibling parts in the same folder are auto-detected.'
+                                )
+                              }}</span>
                             </li>
                             <li class="flex items-start gap-2">
                               <span class="text-white font-bold">3.</span>
-                              <span>Click "Process ZIP" to extract every part and stitch the chunks into one MP4</span>
+                              <span>{{
+                                $t('Click "Process ZIP" to extract every part and stitch the chunks into one MP4')
+                              }}</span>
                             </li>
                             <li class="flex items-start gap-2">
                               <span class="text-white font-bold">4.</span>
-                              <span>The processed video will appear in the "Videos" tab</span>
+                              <span>{{ $t('The processed video will appear in the "Videos" tab') }}</span>
                             </li>
                           </ol>
                         </div>
@@ -719,6 +770,7 @@
 <script setup lang="ts">
 import * as Hammer from 'hammerjs'
 import { computed, markRaw, nextTick, onBeforeUnmount, onMounted, reactive, ref, shallowRef, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useInteractionDialog } from '@/composables/interactionDialog'
 import { useSnackbar } from '@/composables/snackbar'
@@ -731,6 +783,7 @@ import { SnapshotLibraryFile } from '@/types/snapshot'
 import { VideoLibraryFile, VideoLibraryLogFile } from '@/types/video'
 import { videoSubtitlesFilename, videoThumbnailFilename } from '@/utils/video'
 
+const { t } = useI18n()
 const videoStore = useVideoStore()
 const interfaceStore = useAppInterfaceStore()
 const snapshotStore = useSnapshotStore()
@@ -805,7 +858,7 @@ const selectedPictures = computed({
 })
 
 const setSelectedPics = (files: string[]): void => {
-  selectedPicSet.value = new Set(files) // ← one reactive hit
+  selectedPicSet.value = new Set(files) //  -  one reactive hit
 }
 
 const createObjectURL = (blob: Blob): string => URL.createObjectURL(blob)
@@ -820,41 +873,55 @@ const getVideoCardClasses = (video: VideoLibraryFile): string => {
   }
 }
 
-const menuButtons = [
-  { name: 'Videos', icon: 'mdi-video-outline', selected: true, disabled: false, tooltip: '' },
-  { name: 'Snapshots', icon: 'mdi-image-outline', selected: false, disabled: false, tooltip: '' },
-]
+const menuButtons = computed(() => [
+  {
+    name: 'Videos',
+    label: t('Videos'),
+    icon: 'mdi-video-outline',
+    selected: true,
+    disabled: false,
+    tooltip: '',
+  },
+  {
+    name: 'Snapshots',
+    label: t('Snapshots'),
+    icon: 'mdi-image-outline',
+    selected: false,
+    disabled: false,
+    tooltip: '',
+  },
+])
 
-const videoSubTabs = [
+const videoSubTabs = computed(() => [
   {
     name: 'processed',
-    label: 'Processed',
+    label: t('Processed'),
     icon: 'mdi-video',
     disabled: !isElectron(),
-    tooltip: isElectron() ? '' : 'Only available in standalone version',
+    tooltip: isElectron() ? '' : t('Only available in standalone version'),
   },
   {
     name: 'raw',
-    label: 'Raw',
+    label: t('Raw'),
     icon: 'mdi-folder-multiple-outline',
     disabled: false,
-    tooltip: 'Manage raw video chunks',
+    tooltip: t('Manage raw video chunks'),
   },
   {
     name: 'processing',
-    label: 'Processing',
+    label: t('Processing'),
     icon: 'mdi-cog-outline',
     disabled: !isElectron(),
-    tooltip: isElectron() ? 'Process ZIP files with raw video chunks' : 'Only available in standalone version',
+    tooltip: isElectron() ? t('Process ZIP files with raw video chunks') : t('Only available in standalone version'),
   },
-]
+])
 
 const openElectronFolder = (opener: () => void): void => {
   if (isElectron() && window.electronAPI) {
     opener()
   } else {
     openSnackbar({
-      message: 'This feature is only available in the desktop version of Cockpit.',
+      message: t('This feature is only available in the desktop version'),
       duration: 3000,
       variant: 'error',
       closeButton: true,
@@ -869,7 +936,7 @@ const playVideoInDefaultPlayer = (fileName: string): void => {
   if (isElectron() && window.electronAPI) {
     window.electronAPI?.openVideoFile(fileName)
   } else {
-    openSnackbar({ message: 'This feature is only available in the desktop version of Cockpit.', variant: 'error' })
+    openSnackbar({ message: t('This feature is only available in the desktop version'), variant: 'error' })
   }
 }
 
@@ -883,7 +950,7 @@ const deletePictures = async (pictureFileName?: string): Promise<void> => {
     deleteButtonLoading.value = true
     await snapshotStore.deleteSnapshotFiles(pictureFileName ? [pictureFileName] : selectedPictures.value)
     openSnackbar({
-      message: 'Snapshots deleted successfully.',
+      message: t('Snapshots deleted successfully.'),
       duration: 3000,
       variant: 'success',
       closeButton: true,
@@ -908,15 +975,17 @@ const deletePictures = async (pictureFileName?: string): Promise<void> => {
 const handleDeletePictures = (picture?: SnapshotLibraryFile): void => {
   showDialog({
     variant: 'warning',
-    message: `Delete ${picture ? picture.filename : selectedPictures.value.length} picture(s)?`,
+    message: t('Delete {count} picture(s)?', {
+      count: picture ? picture.filename : selectedPictures.value.length,
+    }),
     actions: [
       {
-        text: 'Cancel',
+        text: t('Cancel'),
         size: 'small',
         action: closeDialog,
       },
       {
-        text: 'Delete',
+        text: t('Delete'),
         size: 'small',
         action: () => {
           deletePictures(picture ? picture.filename : undefined)
@@ -929,20 +998,19 @@ const handleDeletePictures = (picture?: SnapshotLibraryFile): void => {
 
 const handleDeleteVideos = (videos: VideoLibraryFile[]): void => {
   const videoCount = videos.length
-  const videoText = videoCount === 1 ? 'video' : 'videos'
 
   showDialog({
     variant: 'warning',
-    title: `Delete ${videoCount} ${videoText}?`,
-    message: 'Are you sure you want to delete the selected videos?',
+    title: t('Delete {count} video(s)?', { count: videoCount }),
+    message: t('Are you sure you want to delete the selected videos?'),
     actions: [
       {
-        text: 'Cancel',
+        text: t('Cancel'),
         size: 'small',
         action: closeDialog,
       },
       {
-        text: 'Delete',
+        text: t('Delete'),
         size: 'small',
         action: () => {
           discardVideosAndUpdateDB(videos)
@@ -957,7 +1025,7 @@ const downloadPictures = async (pictureFileName?: string): Promise<void> => {
   try {
     await snapshotStore.downloadFilesFromSnapshotDB(pictureFileName ? [pictureFileName] : selectedPictures.value)
     openSnackbar({
-      message: 'Pictures downloaded successfully.',
+      message: t('Pictures downloaded successfully.'),
       duration: 3000,
       variant: 'success',
       closeButton: true,
@@ -1065,7 +1133,7 @@ const discardVideosAndUpdateDB = async (videos?: VideoLibraryFile[]): Promise<vo
   const dataLogFilesAdded = addLogDataToFileList(processedVideosToDiscard)
   await videoStore.discardProcessedFilesFromVideoDB(dataLogFilesAdded)
 
-  snackbarMessage.value = `${selectedVideoArraySize} video(s) discarded.`
+  snackbarMessage.value = t('{count} video(s) discarded.', { count: selectedVideoArraySize })
   openSnackbar({
     message: snackbarMessage.value,
     duration: 3000,
diff --git a/src/components/VideoPlayerStatsForNerds.vue b/src/components/VideoPlayerStatsForNerds.vue
index 6f58d3ec19..b8049d8861 100644
--- a/src/components/VideoPlayerStatsForNerds.vue
+++ b/src/components/VideoPlayerStatsForNerds.vue
@@ -7,7 +7,9 @@
 <script lang="ts" setup>
 import { WebRTCStats } from '@peermetrics/webrtc-stats'
 import { onBeforeUnmount, onMounted, onUnmounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
+const { t } = useI18n()
 import { useVideoStore } from '@/stores/video'
 import type { Go2RTCStreamInfo } from '@/types/video'
 import { WebRTCStatsEvent } from '@/types/video'
@@ -157,17 +159,37 @@ function draw(): void {
 
     const color = connectionLost ? 'red' : 'white'
     const stats = [
-      { label: 'Stream', value: props.streamName, color: color },
-      { label: 'Size', value: videoHeight ? `${videoHeight}p` : 'N/A', color: color },
-      { label: 'Packets Lost', value: `${packetsLost} (${packetLossPercentage.toFixed(0)}%)`, color: color },
-      { label: 'Frame drops', value: framedrops, color: color },
-      { label: 'Nack', value: nackCount, color: color },
-      { label: 'Pli', value: pliCount, color: color },
-      { label: 'Fir', value: firCount, color: color },
-      { label: 'Processing ', value: `${processingDelayDelta.toFixed(0)}ms`, color: color },
-      { label: 'Freezes', value: `${freezes}(${frozenTime.toFixed(1)}s)`, color: color },
-      { label: 'Bitrate', value: `${bitrate.toFixed(0)}kbps`, color: 'rgb(255, 165, 0)' },
-      { label: 'FPS', value: framerate.toFixed(2), color: 'rgb(0, 255, 0)' },
+      { label: t('Stream'), value: props.streamName, color: color },
+      {
+        label: t('Resolution'),
+        value: videoHeight ? `${videoHeight}p` : 'N/A',
+        color: color,
+      },
+      {
+        label: t('Packets Lost'),
+        value: `${packetsLost} (${packetLossPercentage.toFixed(0)}%)`,
+        color: color,
+      },
+      { label: t('Frame Drops'), value: framedrops, color: color },
+      { label: t('Negative Acknowledgment (NACK)'), value: nackCount, color: color },
+      { label: t('Picture Loss Indication (PLI)'), value: pliCount, color: color },
+      { label: t('Full Intra Frame Request (FIR)'), value: firCount, color: color },
+      {
+        label: t('Processing'),
+        value: `${processingDelayDelta.toFixed(0)}ms`,
+        color: color,
+      },
+      {
+        label: t('Freezes'),
+        value: `${freezes}(${frozenTime.toFixed(1)}s)`,
+        color: color,
+      },
+      {
+        label: t('Bitrate'),
+        value: `${bitrate.toFixed(0)}kbps`,
+        color: 'rgb(255, 165, 0)',
+      },
+      { label: t('Frames Per Second (FPS)'), value: framerate.toFixed(2), color: 'rgb(0, 255, 0)' },
     ]
 
     stats.forEach((stat, index) => {
diff --git a/src/components/WidgetBar.vue b/src/components/WidgetBar.vue
index 503460d780..fbc8935011 100644
--- a/src/components/WidgetBar.vue
+++ b/src/components/WidgetBar.vue
@@ -35,7 +35,11 @@
       :class="position === 'top' ? 'below' : 'above'"
     >
       <v-tooltip
-        text="Too many widgets in this bar — some are being cropped or hidden. Consider removing some or moving them to a Collapsible Container or Mini Widgets Bar widget so they are all shown correctly."
+        :text="
+          t(
+            'Too many widgets in this bar — some are being cropped or hidden. Consider removing some or moving them to a Collapsible Container or Mini Widgets Bar widget so they are all shown correctly.'
+          )
+        "
         :location="position === 'top' ? 'bottom' : 'top'"
         open-delay="300"
         max-width="350"
@@ -58,7 +62,7 @@
         :style="{ height: barHeightPixels, [position]: '0' }"
       >
         <v-tooltip
-          text="There's no available space for all widgets, so some elements are cut off. Open edit-mode to fix that."
+          :text="overflowTooltipText"
           :location="position === 'top' ? 'bottom' : 'top'"
           open-delay="200"
           max-width="300"
@@ -75,6 +79,7 @@
 <script setup lang="ts">
 import { useResizeObserver, useWindowSize } from '@vueuse/core'
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useAppInterfaceStore } from '@/stores/appInterface'
 import { useWidgetManagerStore } from '@/stores/widgetManager'
@@ -85,6 +90,10 @@ import MiniWidgetContainer from './MiniWidgetContainer.vue'
 const widgetStore = useWidgetManagerStore()
 const interfaceStore = useAppInterfaceStore()
 const { width: windowWidth } = useWindowSize()
+const { t } = useI18n()
+const overflowTooltipText = t(
+  "There's no available space for all widgets, so some elements are cut off. open edit-mode to fix that."
+)
 
 // eslint-disable-next-line jsdoc/require-jsdoc
 interface Props {
diff --git a/src/components/WidgetHugger.vue b/src/components/WidgetHugger.vue
index 1c7c69282e..b93bcaf421 100644
--- a/src/components/WidgetHugger.vue
+++ b/src/components/WidgetHugger.vue
@@ -70,6 +70,7 @@
 <script setup lang="ts">
 import { useElementHover, useWindowSize } from '@vueuse/core'
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, toRefs, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { constrain, round } from '@/libs/utils'
 import { useDevelopmentStore } from '@/stores/development'
@@ -163,7 +164,7 @@ const openWidgetConfig = (): void => {
 
 const contextMenuItems = computed(() =>
   isWidgetConfigurable[widget.value.component as WidgetType]
-    ? [{ item: 'Options', action: openWidgetConfig, icon: 'mdi-cog' }]
+    ? [{ item: t('Options'), action: openWidgetConfig, icon: 'mdi-cog' }]
     : []
 )
 
@@ -390,6 +391,7 @@ watch(allowMoving, (isAllowing, wasAllowing) => {
 })
 
 const widgetStore = useWidgetManagerStore()
+const { t } = useI18n()
 const temporaryPosition = computed(() => {
   let tempPos = { x: position.value.x, y: position.value.y }
 
diff --git a/src/components/configuration/ActionLinkConfig.vue b/src/components/configuration/ActionLinkConfig.vue
index a412d5e3f2..af0b4dd762 100644
--- a/src/components/configuration/ActionLinkConfig.vue
+++ b/src/components/configuration/ActionLinkConfig.vue
@@ -1,15 +1,19 @@
-<template>
+<template>
   <v-dialog v-model="dialog.show" max-width="540px">
     <v-card class="rounded-lg" :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="text-h6 font-weight-bold py-4 text-center">Automatic Triggers</v-card-title>
-      <v-card-subtitle class="text-caption text-center">Action: {{ dialog.action?.name ?? 'Unknown' }}</v-card-subtitle>
+      <v-card-title class="text-h6 font-weight-bold py-4 text-center">{{ $t('Automatic Triggers') }}</v-card-title>
+      <v-card-subtitle class="text-caption text-center"
+        >{{ $t('Action') }}: {{ dialog.action?.name ?? $t('Unknown') }}</v-card-subtitle
+      >
       <v-card-text class="px-8">
-        <p class="text-subtitle-1 font-weight-bold mb-2">When variable(s) change:</p>
+        <p class="text-subtitle-1 font-weight-bold mb-2">
+          {{ $t('When variable(s) change:') }}
+        </p>
 
         <v-autocomplete
           v-model="dialog.selectedVariables"
           :items="availableDataLakeVariables"
-          label="Data Lake Variables"
+          :label="$t('Data Lake Variables')"
           multiple
           chips
           variant="outlined"
@@ -22,8 +26,8 @@
 
         <v-text-field
           v-model="frequencyHz"
-          label="No faster than"
-          suffix="changes/s"
+          :label="$t('No faster than')"
+          :suffix="$t('changes/s')"
           theme="dark"
           type="number"
           min="0"
@@ -33,11 +37,13 @@
         />
 
         <div class="mt-4">
-          <p class="text-subtitle-1 font-weight-bold mb-2">Time-based:</p>
+          <p class="text-subtitle-1 font-weight-bold mb-2">
+            {{ $t('Time-based:') }}
+          </p>
           <v-radio-group v-model="dialog.autoRunType" inline class="mt-2">
-            <v-radio class="mx-2" value="none" label="No time trigger"></v-radio>
-            <v-radio class="mx-2" value="once" label="On startup"></v-radio>
-            <v-radio class="mx-2" value="interval" label="Repeatedly"></v-radio>
+            <v-radio class="mx-2" value="none" :label="$t('No time trigger')"></v-radio>
+            <v-radio class="mx-2" value="once" :label="$t('On startup')"></v-radio>
+            <v-radio class="mx-2" value="interval" :label="$t('Repeatedly')"></v-radio>
           </v-radio-group>
           <div v-if="dialog.autoRunType !== 'none'" class="mt-4">
             <v-slider
@@ -45,7 +51,7 @@
               :min="dialog.autoRunType === 'interval' ? 0.1 : 0"
               :max="10"
               :step="dialog.autoRunType === 'interval' ? 0.1 : 0.1"
-              :label="`${dialog.autoRunType === 'interval' ? 'Run every' : 'Run after'}`"
+              :label="dialog.autoRunType === 'interval' ? $t('Run every') : $t('Run after')"
               thumb-label
             >
               <template #append>
@@ -55,7 +61,7 @@
                   density="compact"
                   style="width: 140px"
                   variant="outlined"
-                  :suffix="runDelaySeconds == 1 ? 'second' : 'seconds'"
+                  :suffix="runDelaySeconds == 1 ? $t('second') : $t('seconds')"
                   hide-details
                   theme="dark"
                 />
@@ -67,8 +73,8 @@
       <v-divider class="mt-2 mx-10" />
       <v-card-actions>
         <div class="flex justify-between items-center pa-2 w-full h-full">
-          <v-btn variant="text" @click="closeDialog">Cancel</v-btn>
-          <v-btn :disabled="!isFormValid" @click="saveConfig">Save</v-btn>
+          <v-btn variant="text" @click="closeDialog">{{ $t('Cancel') }}</v-btn>
+          <v-btn :disabled="!isFormValid" @click="saveConfig">{{ $t('Save') }}</v-btn>
         </div>
       </v-card-actions>
     </v-card>
@@ -77,6 +83,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useSnackbar } from '@/composables/snackbar'
 import { getActionLink, removeActionLink, saveActionLink } from '@/libs/actions/action-links'
@@ -85,6 +92,7 @@ import { getAllDataLakeVariablesInfo } from '@/libs/actions/data-lake'
 import { useAppInterfaceStore } from '@/stores/appInterface'
 import { ActionConfig } from '@/types/cockpit-actions'
 
+const { t } = useI18n()
 const interfaceStore = useAppInterfaceStore()
 const { openSnackbar } = useSnackbar()
 
@@ -157,22 +165,22 @@ const closeDialog = (): void => {
 
 const saveConfig = (): void => {
   if (!dialog.value.action) {
-    openSnackbar({ message: 'Action is required', variant: 'error' })
+    openSnackbar({ message: t('Action is required'), variant: 'error' })
     return
   }
 
   if (dialog.value.minInterval <= 0) {
-    openSnackbar({ message: 'Variable-based frequency must be greater than 0', variant: 'error' })
+    openSnackbar({ message: t('Variable-based frequency must be greater than 0'), variant: 'error' })
     return
   }
 
   if (dialog.value.autoRunType === 'interval' && dialog.value.delayMs < 1) {
-    openSnackbar({ message: 'Interval-based delay must be at least 1 millisecond', variant: 'error' })
+    openSnackbar({ message: t('Interval-based delay must be at least 1 millisecond'), variant: 'error' })
     return
   }
 
   if (dialog.value.autoRunType === 'once' && dialog.value.delayMs < 0) {
-    openSnackbar({ message: 'Startup delay cannot be negative', variant: 'error' })
+    openSnackbar({ message: t('Startup delay cannot be negative'), variant: 'error' })
     return
   }
 
diff --git a/src/components/configuration/CockpitSettingsManager.vue b/src/components/configuration/CockpitSettingsManager.vue
index aa653d381c..2328fe7200 100644
--- a/src/components/configuration/CockpitSettingsManager.vue
+++ b/src/components/configuration/CockpitSettingsManager.vue
@@ -1,10 +1,10 @@
-<template>
+<template>
   <v-dialog v-model="openConfigDialog" width="800px" persistent>
     <v-card class="rounded-lg" :style="interfaceStore.globalGlassMenuStyles">
       <v-card-title class="text-h6 font-weight-bold py-4 text-center">
         <div class="flex justify-between w-full -mt-1">
           <div class="w-10" />
-          Cockpit settings manager
+          {{ $t('Cockpit settings manager') }}
           <v-icon class="self-end" @click="closeConfigDialog">mdi-close</v-icon>
         </div>
       </v-card-title>
@@ -17,7 +17,7 @@
                 <v-select
                   v-model="selectedUserId"
                   :items="availableUsers"
-                  label="User"
+                  :label="$t('User')"
                   density="compact"
                   variant="outlined"
                   hide-details
@@ -27,7 +27,7 @@
                 <v-select
                   v-model="selectedVehicleId"
                   :items="availableVehicles"
-                  label="Vehicle"
+                  :label="$t('Vehicle')"
                   density="compact"
                   variant="outlined"
                   hide-details
@@ -39,13 +39,13 @@
               <div v-if="interfaceStore.pirateMode" class="flex flex-wrap gap-x-4">
                 <v-checkbox
                   v-model="showLegacyInternalKeys"
-                  label="Show legacy/internal keys"
+                  :label="$t('Show legacy/internal keys')"
                   density="compact"
                   hide-details
                 />
                 <v-checkbox
                   v-model="showAllKeyPairs"
-                  label="Show all localStorage key-pairs"
+                  :label="$t('Show all localStorage key-pairs')"
                   density="compact"
                   hide-details
                 />
@@ -57,8 +57,12 @@
             <table class="w-full border-collapse">
               <thead>
                 <tr class="bg-[#00000022]">
-                  <th class="text-center border-b border-b-[rgba(255,255,255,0.3)]">Setting</th>
-                  <th class="text-center w-[518px] p-2 border-b border-b-[rgba(255,255,255,0.3)]">Value</th>
+                  <th class="text-center border-b border-b-[rgba(255,255,255,0.3)]">
+                    {{ $t('Setting') }}
+                  </th>
+                  <th class="text-center w-[518px] p-2 border-b border-b-[rgba(255,255,255,0.3)]">
+                    {{ $t('Value') }}
+                  </th>
                 </tr>
               </thead>
             </table>
@@ -68,12 +72,12 @@
             <template v-if="!isLoaded">
               <div class="flex flex-row w-full h-full justify-center items-center text-center py-4">
                 <v-circular-progress size="40" color="white" />
-                <p>Loading settings...</p>
+                <p>{{ $t('Loading settings...') }}</p>
               </div>
             </template>
             <template v-else-if="settingsArray.length === 0">
               <div class="flex flex-row w-full h-full justify-center items-center text-center py-4">
-                <p>No settings available for current selection.</p>
+                <p>{{ $t('No settings available for current selection.') }}</p>
               </div>
             </template>
             <template v-else>
@@ -87,7 +91,7 @@
                       <template v-if="saving[item.originalKey]">
                         <div class="flex w-full justify-center items-center gap-x-2 py-2">
                           <v-progress-circular size="16" width="2" indeterminate />
-                          <span class="text-xs opacity-80">Updating...</span>
+                          <span class="text-xs opacity-80">{{ $t('Updating...') }}</span>
                         </div>
                       </template>
                       <template v-else-if="isPrimitive(editedValues[item.originalKey])">
@@ -102,7 +106,7 @@
                               <template v-if="editedValues[item.originalKey] === null">
                                 <input
                                   v-model="editedValues[item.originalKey]"
-                                  placeholder="Enter value"
+                                  :placeholder="$t('Enter value')"
                                   class="text-right bg-[#00000022] w-[160px] h-[40px] -mr-8"
                                 />
                               </template>
@@ -122,12 +126,13 @@
                               <template v-else-if="typeof editedValues[item.originalKey] === 'string'">
                                 <input
                                   v-model="editedValues[item.originalKey]"
-                                  placeholder="Enter value"
+                                  :placeholder="$t('Enter value')"
                                   class="text-right bg-[#00000022] w-[160px] h-[40px] -mr-8"
                                 />
                               </template>
                               <div>
-                                <v-tooltip location="top" text="Cancel">
+                                <!-- Save/Cancel buttons -->
+                                <v-tooltip location="top" :text="$t('Cancel')">
                                   <template #activator="{ props: tooltipProps }">
                                     <v-btn
                                       size="x-small"
@@ -140,7 +145,7 @@
                                     />
                                   </template>
                                 </v-tooltip>
-                                <v-tooltip location="top" text="Save">
+                                <v-tooltip location="top" :text="$t('Save')">
                                   <template #activator="{ props: tooltipProps }">
                                     <v-btn
                                       size="x-small"
@@ -161,7 +166,7 @@
                             <div class="flex w-full justify-between">
                               <div />
                               <p class="mt-[3px]">{{ editedValues[item.originalKey] }}</p>
-                              <v-tooltip location="top" text="Edit value">
+                              <v-tooltip location="top" :text="$t('Edit value')">
                                 <template #activator="{ props: tooltipProps }">
                                   <v-btn
                                     v-bind="tooltipProps"
@@ -194,7 +199,7 @@
                               :disabled="saving[item.originalKey]"
                               @click="cancelJsonEditing()"
                             >
-                              close
+                              {{ $t('Close') }}
                             </v-btn>
                             <v-btn
                               size="x-small"
@@ -204,7 +209,7 @@
                               :disabled="saving[item.originalKey]"
                               @click="finishInlineJsonEditing(item.originalKey)"
                             >
-                              Save
+                              {{ $t('Save') }}
                             </v-btn>
                           </div>
                         </div>
@@ -214,7 +219,7 @@
                             <p class="cursor-pointer mt-1" @dblclick="startInlineJsonEditing(item.originalKey)">
                               {...}
                             </p>
-                            <v-tooltip location="top" text="Edit value">
+                            <v-tooltip location="top" :text="$t('Edit value')">
                               <template #activator="{ props: tooltipProps }">
                                 <v-btn
                                   v-bind="tooltipProps"
@@ -242,7 +247,7 @@
           >
             <v-text-field
               v-model="searchTerm"
-              placeholder="Search settings"
+              :placeholder="$t('Search settings')"
               variant="plain"
               density="compact"
               hide-details
@@ -261,14 +266,14 @@
               </template>
             </v-text-field>
             <v-divider vertical class="mr-6 my-2" />
-            <v-tooltip location="top" text="Upload and apply config file">
+            <v-tooltip location="top" :text="$t('Upload and apply config file')">
               <template #activator="{ props: tooltipProps }">
                 <v-btn icon variant="text" class="bg-transparent" v-bind="tooltipProps" @click="uploadConfigFile">
                   <v-icon>mdi-upload-outline</v-icon>
                 </v-btn>
               </template>
             </v-tooltip>
-            <v-tooltip location="top" text="Save config file">
+            <v-tooltip location="top" :text="$t('Download current config')">
               <template #activator="{ props: tooltipProps }">
                 <v-btn icon variant="text" class="bg-transparent" v-bind="tooltipProps" @click="downloadConfigFile">
                   <v-icon>mdi-download</v-icon>
@@ -281,8 +286,8 @@
 
       <v-card-actions>
         <div class="flex justify-between items-center p-2 w-full h-full text-[rgba(255,255,255,0.5)]">
-          <v-btn @click="resetAllCockpitSettings">Reset to defaults</v-btn>
-          <v-btn class="text-white" @click="closeConfigDialog">Close</v-btn>
+          <v-btn @click="resetAllCockpitSettings">{{ $t('Reset to defaults') }}</v-btn>
+          <v-btn class="text-white" @click="closeConfigDialog">{{ $t('Close') }}</v-btn>
         </div>
       </v-card-actions>
     </v-card>
@@ -291,6 +296,7 @@
 
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted, reactive, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useInteractionDialog } from '@/composables/interactionDialog'
 import { useSnackbar } from '@/composables/snackbar'
@@ -344,6 +350,7 @@ const emits = defineEmits(['update:openConfigDialog'])
 
 const { showDialog, closeDialog } = useInteractionDialog()
 const { openSnackbar } = useSnackbar()
+const { t } = useI18n()
 const missionStore = useMissionStore()
 const interfaceStore = useAppInterfaceStore()
 
@@ -596,7 +603,9 @@ const commitChanges = async (item: SettingsRow): Promise<void> => {
   } catch (error: any) {
     editedValues[item.originalKey] = previousValue
     openSnackbar({
-      message: `Failed to update setting: ${error?.message ?? 'Unknown error'}`,
+      message: t('Failed to update setting: {error}', {
+        error: error?.message ?? t('An error occurred'),
+      }),
       variant: 'error',
       duration: 5000,
     })
@@ -621,7 +630,7 @@ const finishInlineJsonEditing = async (key: string): Promise<void> => {
     if (row) await commitChanges(row)
   } catch (error: any) {
     JsonEditError.value = true
-    openSnackbar({ message: 'Invalid JSON: ' + error.message, variant: 'error', duration: 5000 })
+    openSnackbar({ message: t('Invalid JSON: {error}', { error: error.message }), variant: 'error', duration: 5000 })
   }
 }
 
@@ -665,7 +674,7 @@ const uploadConfigFile = (): void => {
         const json = JSON.parse(text)
         if (!json || typeof json !== 'object') {
           openSnackbar({
-            message: 'Invalid configuration file: content is not an object.',
+            message: t('Invalid configuration file: content is not an object.'),
             variant: 'warning',
             duration: 5000,
           })
@@ -676,11 +685,11 @@ const uploadConfigFile = (): void => {
           editedValues[row.originalKey] = json[row.setting]
           await commitChanges(row)
         }
-        openSnackbar({ message: 'Configuration file applied successfully.', variant: 'success', duration: 5000 })
+        openSnackbar({ message: t('Configuration file applied successfully.'), variant: 'success', duration: 5000 })
       } catch (error: any) {
-        console.error('Error parsing configuration file: ' + error.message)
+        console.error(t('Error parsing configuration file: {error}', { error: error.message }))
         openSnackbar({
-          message: 'Error parsing configuration file: ' + error.message,
+          message: t('Error parsing configuration file: {error}', { error: error.message }),
           variant: 'error',
           duration: 5000,
         })
@@ -693,22 +702,21 @@ const uploadConfigFile = (): void => {
 
 const resetAllCockpitSettings = (): void => {
   showDialog({
-    message:
-      "Are you sure you want to reset Cockpit's stored browser settings to defaults? " +
-      'Settings on the vehicle will not be affected - ' +
-      'once you connect back to the vehicle, the settings will be restored.',
+    message: t(
+      "Are you sure you want to reset Cockpit's stored browser settings to defaults? Settings on the vehicle will not be affected - once you connect back to the vehicle, the settings will be restored."
+    ),
     variant: 'warning',
     maxWidth: 800,
     actions: [
       {
-        text: 'Cancel',
+        text: t('Cancel'),
         action: () => closeDialog(),
       },
       {
-        text: 'Reset settings',
+        text: t('Reset settings'),
         action: () => {
           localStorage.clear()
-          openSnackbar({ message: 'All settings have been reset to default values.', variant: 'success' })
+          openSnackbar({ message: t('All settings have been reset to default values.'), variant: 'success' })
           closeDialog()
           reloadCockpitAndWarnUser()
         },
diff --git a/src/components/configuration/HttpRequestActionConfig.vue b/src/components/configuration/HttpRequestActionConfig.vue
index 7cddcefa5d..d29b2fcc2d 100644
--- a/src/components/configuration/HttpRequestActionConfig.vue
+++ b/src/components/configuration/HttpRequestActionConfig.vue
@@ -2,13 +2,13 @@
   <v-dialog v-model="actionDialog.show" max-width="500px">
     <v-card class="rounded-lg" :style="interfaceStore.globalGlassMenuStyles">
       <v-card-title class="text-h6 font-weight-bold py-4 text-center">{{
-        editMode ? 'Edit action' : 'Create new action'
+        editMode ? $t('Edit action') : $t('Create new action')
       }}</v-card-title>
       <v-card-text class="px-8">
         <v-form class="d-flex flex-column gap-2" @submit.prevent="createActionConfig">
           <v-text-field
             v-model="newActionConfig.name"
-            label="Action Name"
+            :label="$t('Action name')"
             required
             variant="outlined"
             density="compact"
@@ -16,7 +16,7 @@
           <v-select
             v-model="newActionConfig.method"
             :items="availableHttpRequestMethods"
-            label="Request Type"
+            :label="$t('Request type')"
             required
             variant="outlined"
             density="compact"
@@ -24,17 +24,17 @@
           />
           <v-text-field
             v-model="newActionConfig.url"
-            label="URL"
+            :label="$t('URL')"
             required
             variant="outlined"
             density="compact"
           ></v-text-field>
 
           <div class="d-flex align-center justify-space-between">
-            <h3 class="text-subtitle-2 font-weight-bold">URL Parameters</h3>
+            <h3 class="text-subtitle-2 font-weight-bold">{{ $t('URL parameters') }}</h3>
             <v-btn variant="text" class="px-2 py-1" density="compact" @click="openUrlParamDialog">
               <v-icon size="small">mdi-plus</v-icon>
-              Add
+              {{ $t('Add') }}
             </v-btn>
           </div>
           <div v-if="Object.keys(newActionConfig.urlParams).length > 0" class="mb-2">
@@ -53,10 +53,10 @@
           </div>
 
           <div class="d-flex align-center justify-space-between">
-            <h3 class="text-subtitle-2 font-weight-bold">Headers</h3>
+            <h3 class="text-subtitle-2 font-weight-bold">{{ $t('Headers') }}</h3>
             <v-btn variant="text" class="px-2 py-1" density="compact" @click="openHeaderDialog">
               <v-icon size="small">mdi-plus</v-icon>
-              Add
+              {{ $t('Add') }}
             </v-btn>
           </div>
           <div v-if="Object.keys(newActionConfig.headers).length > 0" class="mb-2">
@@ -75,10 +75,10 @@
           </div>
 
           <div class="d-flex align-center justify-space-between">
-            <h3 class="text-subtitle-2 font-weight-bold">JSON Body</h3>
+            <h3 class="text-subtitle-2 font-weight-bold">{{ $t('JSON body') }}</h3>
             <v-btn variant="text" class="px-2 py-1" density="compact" @click="openJsonDialog">
               <v-icon size="small">mdi-code-json</v-icon>
-              Edit
+              {{ $t('Edit') }}
             </v-btn>
           </div>
         </v-form>
@@ -86,11 +86,11 @@
       <v-divider class="mt-2 mx-10" />
       <v-card-actions>
         <div class="flex justify-between items-center pa-2 w-full h-full">
-          <v-btn color="white" variant="text" @click="closeActionDialog">Cancel</v-btn>
+          <v-btn color="white" variant="text" @click="closeActionDialog">{{ $t('Cancel') }}</v-btn>
           <div class="flex gap-x-10">
-            <v-btn variant="text" @click="resetNewAction">Reset</v-btn>
+            <v-btn variant="text" @click="resetNewAction">{{ $t('Reset') }}</v-btn>
             <v-btn :disabled="!isFormValid" variant="text" @click="saveActionConfig">
-              {{ editMode ? 'Save' : 'Create' }}
+              {{ editMode ? $t('Save') : $t('Create') }}
             </v-btn>
           </div>
         </div>
@@ -101,12 +101,12 @@
   <!-- URL Parameter Dialog -->
   <v-dialog v-model="urlParamDialog.show" max-width="400px">
     <v-card class="rounded-lg px-6 py-2" :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="text-h6 text-center font-weight-bold pb-6">Add URL parameter</v-card-title>
+      <v-card-title class="text-h6 text-center font-weight-bold pb-6">{{ $t('Add URL parameter') }}</v-card-title>
       <v-card-text class="pa-2">
         <v-form class="d-flex flex-column gap-2" @submit.prevent="addUrlParameter">
           <v-text-field
             v-model="urlParamDialog.key"
-            label="Parameter Key"
+            :label="$t('Parameter key')"
             required
             variant="outlined"
             density="compact"
@@ -114,7 +114,7 @@
           <v-select
             v-model="urlParamDialog.valueType"
             :items="paramValueOptions"
-            label="Parameter Value"
+            :label="$t('Parameter value')"
             required
             variant="outlined"
             density="compact"
@@ -123,19 +123,19 @@
           <v-text-field
             v-if="urlParamDialog.valueType === 'fixed'"
             v-model="urlParamDialog.fixedValue"
-            label="Fixed Value"
+            :label="$t('Fixed value')"
             required
             variant="outlined"
             density="compact"
-            placeholder="Non-dynamic value."
+            :placeholder="$t('Non-dynamic value')"
           ></v-text-field>
         </v-form>
       </v-card-text>
       <v-divider class="m-2" />
       <v-card-actions class="pa-2 -mb-1">
         <div class="flex w-full justify-between">
-          <v-btn color="white" variant="text" size="small" @click="closeUrlParamDialog">Cancel</v-btn>
-          <v-btn color="white" size="small" @click="addUrlParameter()"> Save </v-btn>
+          <v-btn color="white" variant="text" size="small" @click="closeUrlParamDialog">{{ $t('Cancel') }}</v-btn>
+          <v-btn color="white" size="small" @click="addUrlParameter()"> {{ $t('Save') }} </v-btn>
         </div>
       </v-card-actions>
     </v-card>
@@ -144,12 +144,12 @@
   <!-- Header Dialog -->
   <v-dialog v-model="headerDialog.show" max-width="400px">
     <v-card class="rounded-lg p-3" :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="text-h6 font-weight-bold pb-4 text-center">Add header</v-card-title>
+      <v-card-title class="text-h6 font-weight-bold pb-4 text-center">{{ $t('Add header') }}</v-card-title>
       <v-card-text class="pa-4">
         <v-form class="d-flex flex-column gap-2" @submit.prevent="addHeader">
           <v-text-field
             v-model="headerDialog.key"
-            label="Header Key"
+            :label="$t('Header key')"
             required
             variant="outlined"
             :error-messages="headerDialog.error"
@@ -157,7 +157,7 @@
           ></v-text-field>
           <v-text-field
             v-model="headerDialog.value"
-            label="Header Value"
+            :label="$t('Header value')"
             variant="outlined"
             density="compact"
           ></v-text-field>
@@ -171,8 +171,7 @@
             class="mt-2"
           >
             <div class="text-body-2">
-              <strong>Note:</strong> Specifying the User-Agent header only works in the standalone Electron version of
-              the application, not in the browser/extension version.
+              {{ $t('Note: User-Agent header is automatically set') }}
             </div>
           </v-alert>
         </v-form>
@@ -180,8 +179,8 @@
       <v-divider class="m-2" />
       <v-card-actions class="pa-2 -mb-1">
         <div class="flex w-full justify-between">
-          <v-btn color="white" variant="text" size="small" @click="closeHeaderDialog">Cancel</v-btn>
-          <v-btn color="white" size="small" @click="addHeader">Save</v-btn>
+          <v-btn color="white" variant="text" size="small" @click="closeHeaderDialog">{{ $t('Cancel') }}</v-btn>
+          <v-btn color="white" size="small" @click="addHeader">{{ $t('Save') }}</v-btn>
         </div>
       </v-card-actions>
     </v-card>
@@ -190,13 +189,13 @@
   <!-- JSON Body Dialog -->
   <v-dialog v-model="bodyDialog.show" max-width="520px">
     <v-card class="rounded-lg p-3" :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="text-h6 font-weight-bold pa-2 text-center">Edit JSON body template</v-card-title>
+      <v-card-title class="text-h6 font-weight-bold pa-2 text-center">{{ $t('Edit JSON body template') }}</v-card-title>
       <v-card-text class="px-6">
         <v-form class="d-flex flex-column gap-2" @submit.prevent="saveJsonBody">
           <v-textarea
             v-model="bodyDialog.bodyText"
-            label="JSON Body Template"
-            hint="Use {{ inputId }} for dynamic values."
+            :label="$t('JSON body template')"
+            :hint="$t('Use dynamic values from the data lake by wrapping variable names in double curly braces')"
             persistent-hint
             :error-messages="bodyDialog.error"
             rows="12"
@@ -209,8 +208,8 @@
       <v-divider class="m-2" />
       <v-card-actions class="pa-2 -mb-1">
         <div class="flex w-full justify-between">
-          <v-btn color="white" variant="text" @click="closeJsonDialog">Cancel</v-btn>
-          <v-btn color="white" :disabled="!bodyDialog.isValid" @click="saveJsonBody">Save</v-btn>
+          <v-btn color="white" variant="text" @click="closeJsonDialog">{{ $t('Cancel') }}</v-btn>
+          <v-btn color="white" :disabled="!bodyDialog.isValid" @click="saveJsonBody">{{ $t('Save') }}</v-btn>
         </div>
       </v-card-actions>
     </v-card>
@@ -219,6 +218,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { getAllDataLakeVariablesInfo } from '@/libs/actions/data-lake'
 import {
@@ -237,6 +237,7 @@ const emit = defineEmits<{
 }>()
 
 const interfaceStore = useAppInterfaceStore()
+const { t } = useI18n()
 
 const defaultActionConfig = {
   name: 'New HTTP Action',
@@ -275,7 +276,7 @@ const headerDialog = ref({
 })
 
 const paramValueOptions = computed(() => {
-  const options = [{ title: 'Fixed (specify below)', value: 'fixed' }]
+  const options = [{ title: t('Fixed value'), value: 'fixed' }]
   const availableInputParameters = getAllDataLakeVariablesInfo()
   Object.values(availableInputParameters).forEach((parameter) => {
     options.push({ title: parameter.id, value: parameter.id })
diff --git a/src/components/configuration/JavascriptActionConfig.vue b/src/components/configuration/JavascriptActionConfig.vue
index 4b2c5b9823..47019cda30 100644
--- a/src/components/configuration/JavascriptActionConfig.vue
+++ b/src/components/configuration/JavascriptActionConfig.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <v-dialog
     v-model="actionDialog.show"
     max-width="800px"
@@ -8,21 +8,25 @@
   >
     <v-card class="rounded-lg" :style="interfaceStore.globalGlassMenuStyles">
       <v-card-title class="text-h6 font-weight-bold py-4 text-center">{{
-        editMode ? 'Edit action' : 'Create new action'
+        editMode ? $t('Edit action') : $t('Create new action')
       }}</v-card-title>
       <v-card-text class="px-8">
         <v-form class="d-flex flex-column gap-2" @submit.prevent="createActionConfig">
           <v-text-field
             v-model="newActionConfig.name"
-            label="Action Name"
+            :label="$t('Action Name')"
             required
             variant="outlined"
             density="compact"
           ></v-text-field>
 
           <div class="d-flex align-center justify-space-between mb-2">
-            <h3 class="text-subtitle-2 font-weight-bold">JavaScript Code</h3>
-            <div class="text-caption">Type <code v-pre>{{</code> to autocomplete data lake variables</div>
+            <h3 class="text-subtitle-2 font-weight-bold">
+              {{ $t('JavaScript Code') }}
+            </h3>
+            <div class="text-caption">
+              {{ $t('Type {{ to autocomplete data lake variables') }}
+            </div>
           </div>
           <div class="editor-wrapper">
             <div ref="editorContainer" class="editor-container"></div>
@@ -33,12 +37,12 @@
       <v-divider class="mt-2 mx-10" />
       <v-card-actions>
         <div class="flex justify-between items-center pa-2 w-full h-full" style="color: rgba(255, 255, 255, 0.5)">
-          <v-btn @click="closeActionDialog">Cancel</v-btn>
+          <v-btn @click="closeActionDialog">{{ $t('Cancel') }}</v-btn>
           <div class="flex gap-x-10">
-            <v-btn @click="testAction">Test Action</v-btn>
-            <v-btn @click="resetNewAction">Reset</v-btn>
+            <v-btn @click="testAction">{{ $t('Test Action') }}</v-btn>
+            <v-btn @click="resetNewAction">{{ $t('Reset') }}</v-btn>
             <v-btn class="text-white" :disabled="!isFormValid" @click="saveActionConfig">
-              {{ editMode ? 'Save' : 'Create' }}
+              {{ editMode ? $t('Save') : $t('Create') }}
             </v-btn>
           </div>
         </div>
diff --git a/src/components/configuration/MavlinkMessageActionConfig.vue b/src/components/configuration/MavlinkMessageActionConfig.vue
index 64f6617783..5158838b77 100644
--- a/src/components/configuration/MavlinkMessageActionConfig.vue
+++ b/src/components/configuration/MavlinkMessageActionConfig.vue
@@ -1,15 +1,15 @@
-<template>
+<template>
   <!-- Action Dialog -->
   <v-dialog v-model="actionDialog.show" max-width="500px">
     <v-card class="rounded-lg" :style="interfaceStore.globalGlassMenuStyles">
       <v-card-title class="text-h6 font-weight-bold py-4 text-center">
-        {{ editMode ? 'Edit action' : 'Create new action' }}
+        {{ editMode ? $t('Edit action') : $t('Create new action') }}
       </v-card-title>
       <v-card-text class="px-8">
         <v-form class="d-flex flex-column gap-2" @submit.prevent="saveActionConfig">
           <v-text-field
             v-model="newActionConfig.name"
-            label="Action Name"
+            :label="$t('Action Name')"
             required
             variant="outlined"
             density="compact"
@@ -17,7 +17,7 @@
           <v-select
             v-model="newActionConfig.messageType"
             :items="availableMessageTypes"
-            label="Message Type"
+            :label="$t('Message Type')"
             required
             variant="outlined"
             density="compact"
@@ -26,26 +26,31 @@
           />
 
           <div v-if="newActionConfig.messageType" class="mt-4">
-            <h3 class="text-subtitle-1 font-weight-bold mb-2">Message Configuration</h3>
+            <h3 class="text-subtitle-1 font-weight-bold mb-2">
+              {{ $t('Message Configuration') }}
+            </h3>
             <div v-if="typeof messageFields !== 'string' && Object.keys(messageFields).length > 0">
               <div v-for="(field, key) in messageFields" :key="key" class="mb-1">
                 <v-text-field
                   v-model.trim="newActionConfig.messageConfig[key].value"
-                  :label="field.description + (field.units ? ` (${field.units})` : '')"
+                  :label="
+                    translateFieldDescription(field.descriptionKey, field.description) +
+                    (field.units ? ` (${field.units})` : '')
+                  "
                   :placeholder="field.type"
                   variant="outlined"
                   density="compact"
-                  :rules="[field.required ? (v) => !!v || 'This field is required' : () => true]"
+                  :rules="[field.required ? (v) => !!v || t('This field is required') : () => true]"
                 />
               </div>
             </div>
             <div v-else>
               <v-textarea
                 v-model="newActionConfig.messageConfig"
-                label="Message fields object"
+                :label="$t('Message fields object')"
                 variant="outlined"
                 density="compact"
-                hint="Insert a JSON object with the message fields here. Use {{ data_lake_key }} for dynamic values. Use { type: 'ENUM_VALUE' } for enum values (e.g.: MAV_CMD_COMPONENT_ARM_DISARM)."
+                :hint="messageFieldsHint"
                 persistent-hint
                 rows="12"
               />
@@ -56,11 +61,11 @@
       <v-divider class="mt-2 mx-10" />
       <v-card-actions>
         <div class="flex justify-between items-center pa-2 w-full h-full" style="color: rgba(255, 255, 255, 0.5)">
-          <v-btn @click="closeActionDialog">Cancel</v-btn>
+          <v-btn @click="closeActionDialog">{{ $t('Cancel') }}</v-btn>
           <div class="flex gap-x-10">
-            <v-btn @click="resetNewAction">Reset</v-btn>
+            <v-btn @click="resetNewAction">{{ $t('Reset') }}</v-btn>
             <v-btn :disabled="!isFormValid" class="text-white" @click="saveActionConfig">
-              {{ editMode ? 'Save' : 'Create' }}
+              {{ editMode ? $t('Save') : $t('Create') }}
             </v-btn>
           </div>
         </div>
@@ -71,6 +76,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import {
   deleteMavlinkMessageActionConfig,
@@ -87,7 +93,22 @@ const emit = defineEmits<{
   (e: 'action-deleted'): void
 }>()
 
+const { t } = useI18n()
 const interfaceStore = useAppInterfaceStore()
+const messageFieldsHint = t(
+  "insert a j-s-o-n object with the message fields here. use {{ data_lake_key }} for dynamic values. use { type: 'ENUM_VALUE' } for enum values (e.g.: MAV_CMD_COMPONENT_ARM_DISARM)."
+)
+
+/**
+ * Translate field description to localized string
+ * @param {string} descriptionKey - The i18n key suffix to look up
+ * @param {string} description - English description used as fallback when translation is not found
+ * @returns {string} The translated description or the English description if translation not found
+ */
+const translateFieldDescription = (descriptionKey: string, description: string): string => {
+  const translated = t(description)
+  return translated !== description ? translated : description
+}
 
 const defaultMessageType = MAVLinkType.COMMAND_LONG
 const defaultActionConfig = {
diff --git a/src/components/custom-widget-elements/Checkbox.vue b/src/components/custom-widget-elements/Checkbox.vue
index e5e0cd0546..fbfc0b3625 100644
--- a/src/components/custom-widget-elements/Checkbox.vue
+++ b/src/components/custom-widget-elements/Checkbox.vue
@@ -17,7 +17,11 @@
       {{ miniWidget.options.layout?.label }}
     </p>
     <v-tooltip
-      text="This element is in display mode. To make it interactive, create or select a user-controlled data-lake variable"
+      :text="
+        $t(
+          'This element is in display mode. To make it interactive, create or select a user-controlled data-lake variable'
+        )
+      "
       location="top"
       open-delay="500"
       :disabled="isInput || !isConnected"
diff --git a/src/components/custom-widget-elements/Dial.vue b/src/components/custom-widget-elements/Dial.vue
index 33aa20da2a..9161d027e2 100644
--- a/src/components/custom-widget-elements/Dial.vue
+++ b/src/components/custom-widget-elements/Dial.vue
@@ -1,6 +1,10 @@
 <template>
   <v-tooltip
-    text="This element is in display mode. To make it interactive, create or select a user-controlled data-lake variable"
+    :text="
+      $t(
+        'This element is in display mode. To make it interactive, create or select a user-controlled data-lake variable'
+      )
+    "
     location="top"
     open-delay="500"
     :disabled="isInput || !isConnected"
diff --git a/src/components/custom-widget-elements/Dropdown.vue b/src/components/custom-widget-elements/Dropdown.vue
index f3abb80c52..6dc7a3c68e 100644
--- a/src/components/custom-widget-elements/Dropdown.vue
+++ b/src/components/custom-widget-elements/Dropdown.vue
@@ -10,7 +10,11 @@
     @click="widgetStore.editingMode && widgetStore.showElementPropsDrawer(miniWidget.hash)"
   >
     <v-tooltip
-      text="This element is in display mode. To make it interactive, create or select a user-controlled data-lake variable"
+      :text="
+        $t(
+          'This element is in display mode. To make it interactive, create or select a user-controlled data-lake variable'
+        )
+      "
       location="top"
       open-delay="500"
       :disabled="isInput || !isConnected"
diff --git a/src/components/custom-widget-elements/Slider.vue b/src/components/custom-widget-elements/Slider.vue
index b8c4f3df76..e42952812f 100644
--- a/src/components/custom-widget-elements/Slider.vue
+++ b/src/components/custom-widget-elements/Slider.vue
@@ -19,7 +19,11 @@
       </p>
     </div>
     <v-tooltip
-      text="This element is in display mode. To make it interactive, create or select a user-controlled data-lake variable"
+      :text="
+        $t(
+          'This element is in display mode. To make it interactive, create or select a user-controlled data-lake variable'
+        )
+      "
       location="top"
       open-delay="500"
       :disabled="isInput || !isConnected"
diff --git a/src/components/custom-widget-elements/Switch.vue b/src/components/custom-widget-elements/Switch.vue
index c18f1ba6da..a4bffb2ce8 100644
--- a/src/components/custom-widget-elements/Switch.vue
+++ b/src/components/custom-widget-elements/Switch.vue
@@ -10,7 +10,11 @@
     @click="widgetStore.editingMode && widgetStore.showElementPropsDrawer(miniWidget.hash)"
   >
     <v-tooltip
-      text="This element is in display mode. To make it interactive, create or select a user-controlled data-lake variable"
+      :text="
+        $t(
+          'This element is in display mode. To make it interactive, create or select a user-controlled data-lake variable'
+        )
+      "
       location="top"
       open-delay="500"
       class="flex items-center"
diff --git a/src/components/development/MAVLinkInspector.vue b/src/components/development/MAVLinkInspector.vue
index 740ccc0770..972722a649 100644
--- a/src/components/development/MAVLinkInspector.vue
+++ b/src/components/development/MAVLinkInspector.vue
@@ -2,15 +2,15 @@
   <div class="flex flex-col gap-4">
     <div class="flex flex-row gap-4 mb-4 flex-wrap">
       <div>
-        <div class="text-lg mb-2">Available Message Types</div>
+        <div class="text-lg mb-2">{{ t('Available message types') }}</div>
         <div class="mb-2 flex items-center">
           <input
             v-model="searchQuery"
             type="text"
-            placeholder="Search messages..."
+            :placeholder="t('Search messages...')"
             class="w-full px-3 py-2 bg-[#FFFFFF22] rounded-md text-white placeholder-gray-400 outline-none focus:ring-2 focus:ring-blue-500"
           />
-          <v-btn variant="outlined" class="rounded-md ml-2" @click="resetTrackedMessageTypes">Reset</v-btn>
+          <v-btn variant="outlined" class="rounded-md ml-2" @click="resetTrackedMessageTypes">{{ t('Reset') }}</v-btn>
         </div>
         <div class="bg-[#FFFFFF11] rounded-md p-2 max-h-[320px] overflow-y-auto">
           <v-tooltip v-for="type in filteredMessageTypes" :key="type" location="top" open-delay="300">
@@ -26,11 +26,13 @@
             </template>
             <div class="whitespace-pre-line">{{ messageTooltip(type) }}</div>
           </v-tooltip>
-          <div v-if="filteredMessageTypes.length === 0" class="text-gray-400 text-center p-2">No messages found</div>
+          <div v-if="filteredMessageTypes.length === 0" class="text-gray-400 text-center p-2">
+            {{ t('No messages found') }}
+          </div>
         </div>
       </div>
       <div v-if="trackedMessageTypes.size > 0" class="w-auto mr-2">
-        <div class="text-lg mb-2">Message Values</div>
+        <div class="text-lg mb-2">{{ t('Message values') }}</div>
         <div class="bg-[#FFFFFF11] rounded-md p-2 w-[24rem] overflow-y-auto">
           <MAVLinkInspectorItem
             v-for="type in trackedMessageTypes"
@@ -46,12 +48,14 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { MAVLinkType } from '@/libs/connection/m2r/messages/mavlink2rest-enum'
 import mavlinkDefinition from '@/libs/vehicle/mavlink/mavlink-definition'
 
 import MAVLinkInspectorItem from './MAVLinkInspectorItem.vue'
 
+const { t } = useI18n()
 const searchQuery = ref('')
 
 const availableMessageTypes = computed(() => {
@@ -88,9 +92,17 @@ const removeMessageTracking = (type: MAVLinkType): void => {
 
 const messageTooltip = (messageName: string): string => {
   const description = mavlinkDefinition.message(messageName)?.description ?? messageName
-  if (description.length > 128) {
-    return description.slice(0, 128) + '...'
+
+  // Try to translate using messageName as key
+  const translationKey = `tools.mavlink.messageDescriptions.${messageName}`
+  const translated = t(translationKey)
+
+  // If translation exists and is different from the key, use it; otherwise use original description
+  const finalDescription = translated !== translationKey ? translated : description
+
+  if (finalDescription.length > 128) {
+    return finalDescription.slice(0, 128) + '...'
   }
-  return description
+  return finalDescription
 }
 </script>
diff --git a/src/components/development/MAVLinkInspectorItem.vue b/src/components/development/MAVLinkInspectorItem.vue
index 40072ce166..35f28a1f84 100644
--- a/src/components/development/MAVLinkInspectorItem.vue
+++ b/src/components/development/MAVLinkInspectorItem.vue
@@ -1,27 +1,35 @@
-<template>
+<template>
   <div class="mb-4">
     <div class="font-bold mb-2 flex items-center justify-between">
       <span>{{ type }}</span>
       <button
         class="ml-2 text-gray-400 hover:text-white p-1 rounded-full hover:bg-[#FFFFFF22]"
-        title="Stop tracking this message"
+        :title="$t('Stop tracking this message')"
         @click="emit('remove', type)"
       >
-        <span class="text-sm">✕</span>
+        <span class="text-sm">×</span>
       </button>
     </div>
-    <div class="ml-1 text-xs text-gray-400 mb-1">Incoming Messages:</div>
+    <div class="ml-1 text-xs text-gray-400 mb-1">
+      {{ $t('Incoming Messages:') }}
+    </div>
     <div v-if="incomingMessage" class="ml-2 text-sm whitespace-pre-wrap">
-      <div class="text-xs text-blue-300">Received at: {{ incomingMessage.timestamp }}</div>
+      <div class="text-xs text-blue-300">{{ $t('Received at:') }} {{ incomingMessage.timestamp }}</div>
       <pre>{{ JSON.stringify(incomingMessage.message, null, 2) }}</pre>
     </div>
-    <div v-else class="ml-2 text-sm text-gray-400">No incoming messages</div>
-    <div class="ml-1 text-xs text-gray-400 mt-2 mb-1">Outgoing Messages:</div>
+    <div v-else class="ml-2 text-sm text-gray-400">
+      {{ $t('No incoming messages') }}
+    </div>
+    <div class="ml-1 text-xs text-gray-400 mt-2 mb-1">
+      {{ $t('Outgoing Messages:') }}
+    </div>
     <div v-if="outgoingMessage" class="ml-2 text-sm whitespace-pre-wrap">
-      <div class="text-xs text-green-300">Sent at: {{ outgoingMessage.timestamp }}</div>
+      <div class="text-xs text-green-300">{{ $t('Sent at:') }} {{ outgoingMessage.timestamp }}</div>
       <pre>{{ JSON.stringify(outgoingMessage.message, null, 2) }}</pre>
     </div>
-    <div v-else class="ml-2 text-sm text-gray-400">No outgoing messages</div>
+    <div v-else class="ml-2 text-sm text-gray-400">
+      {{ $t('No outgoing messages') }}
+    </div>
   </div>
 </template>
 
diff --git a/src/components/joysticks/JoystickCalibration.vue b/src/components/joysticks/JoystickCalibration.vue
index 16984d35b5..c0c0f05e10 100644
--- a/src/components/joysticks/JoystickCalibration.vue
+++ b/src/components/joysticks/JoystickCalibration.vue
@@ -1,18 +1,18 @@
-<template>
+<template>
   <div class="flex flex-col items-start px-5 font-medium">
     <div class="flex flex-col gap-4 w-full">
       <div class="flex items-center justify-between w-full">
         <div class="flex items-center justify-between gap-8">
           <div class="flex items-center gap-1">
             <v-checkbox v-model="currentCalibration.deadband.enabled" density="compact" hide-details class="mt-0" />
-            <span>Deadband/Deadzone</span>
+            <span>{{ $t('Deadband/Deadzone') }}</span>
           </div>
           <div class="flex items-center gap-1">
             <v-checkbox v-model="currentCalibration.exponential.enabled" density="compact" hide-details class="mt-0" />
-            <span>Exponential Scaling</span>
+            <span>{{ $t('Exponential Scaling') }}</span>
           </div>
         </div>
-        <v-btn variant="text" class="text-blue-400" @click="openCalibrationModal"> Calibrate </v-btn>
+        <v-btn variant="text" class="text-blue-400" @click="openCalibrationModal">{{ $t('Calibrate') }}</v-btn>
       </div>
     </div>
   </div>
@@ -21,7 +21,7 @@
     <InteractionDialog v-model="showCalibrationModal" max-width="1000px" variant="text-only" persistent>
       <template #title>
         <div class="flex justify-center w-full font-bold mt-1 relative">
-          Joystick Calibration
+          {{ $t('Joystick Calibration') }}
           <v-icon class="absolute right-2 top-1 cursor-pointer" size="24" @click="showInstructions = !showInstructions">
             mdi-information-outline
           </v-icon>
@@ -33,30 +33,40 @@
           <v-expand-transition>
             <div v-if="showInstructions" class="help-panel mb-4 p-4 rounded bg-white/5 w-full">
               <div class="mb-1">
-                <div class="font-semibold text-base mb-1">Deadband Calibration</div>
+                <div class="font-semibold text-base mb-1">
+                  {{ $t('Deadband Calibration') }}
+                </div>
                 <p class="text-xs text-gray-400 mb-1">
-                  This allows ignoring small unwanted movements near the center of each joystick.
+                  {{ $t('This allows ignoring small unwanted movements near the center of each joystick.') }}
                 </p>
                 <p class="text-xs text-gray-400 mb-1">
-                  The deadband regions are the red regions in the center of each graph, specifying how much of the
-                  joystick axis range to ignore. Within each deadband the output is clamped to 0, and the output curve
-                  (linear or exponential) starts at the edges of the region. This is useful if a spring-loaded joystick
-                  does not get consistently returned to the exact center of each axis.
+                  {{
+                    $t(
+                      'The deadband regions are the red regions in the center of each graph, specifying how much of the joystick axis range to ignore. Within each deadband the output is clamped to 0, and the output curve (linear or exponential) starts at the edges of the region. This is useful if a spring-loaded joystick does not get consistently returned to the exact center of each axis.'
+                    )
+                  }}
                 </p>
                 <p class="text-xs text-gray-400 mb-2">
-                  To calibrate the deadband, click and drag the deadband regions on the graphs, set the region width
-                  numbers directly with the text-input, or click the "auto calibrate deadband" button at the bottom. If
-                  auto-calibrating, gently touch the sticks during the calibration, while trying not to actually move
-                  them.
+                  {{
+                    $t(
+                      "To calibrate the deadband, click and drag the deadband regions on the graphs, set the region width numbers directly with the text-input, or click the 'auto calibrate deadband' button at the bottom. If auto-calibrating, gently touch the sticks during the calibration, while trying not to actually move them."
+                    )
+                  }}
                 </p>
               </div>
               <div>
-                <div class="font-semibold text-base mb-1">Exponential Calibration</div>
-                <p class="text-xs text-gray-400 mb-1">This adjusts the sensitivity curve of your joysticks.</p>
+                <div class="font-semibold text-base mb-1">
+                  {{ $t('Exponential Calibration') }}
+                </div>
+                <p class="text-xs text-gray-400 mb-1">
+                  {{ $t('This adjusts the sensitivity curve of your joysticks.') }}
+                </p>
                 <p class="text-xs text-gray-400 mb-2">
-                  Exponential scaling allows reducing the sensitivity of an axis near the center, for more precise
-                  control, which then steepens the curve near the edges to use the full range. A value of 1 will result
-                  in a linear curve, while greater values result in more rounded exponentials.
+                  {{
+                    $t(
+                      'Exponential scaling allows reducing the sensitivity of an axis near the center, for more precise control, which then steepens the curve near the edges to use the full range. A value of 1 will result in a linear curve, while greater values result in more rounded exponentials.'
+                    )
+                  }}
                 </p>
               </div>
             </div>
@@ -65,18 +75,18 @@
           <div class="flex items-center gap-6">
             <div class="flex items-center gap-2">
               <v-checkbox v-model="currentCalibration.deadband.enabled" density="compact" hide-details />
-              <span>Deadband/Deadzone</span>
+              <span>{{ $t('Deadband/Deadzone') }}</span>
             </div>
             <div class="flex items-center gap-2">
               <v-checkbox v-model="currentCalibration.exponential.enabled" density="compact" hide-details />
-              <span>Exponential Scaling</span>
+              <span>{{ $t('Exponential Scaling') }}</span>
             </div>
           </div>
           <!-- Deadband Calibration Section -->
           <div class="w-full">
             <div class="flex items-center justify-between mb-2">
               <span v-if="isCalibrating && calibratingAxis === null" class="text-xs text-blue-400 ml-2">
-                Calibrating all axes...
+                {{ $t('Calibrating all axes...') }}
               </span>
               <v-progress-linear
                 v-if="isCalibrating && calibratingAxis === null"
@@ -95,7 +105,9 @@
               :key="index"
               class="border border-gray-700/60 rounded-lg py-2 px-4 bg-gray-900/60 flex flex-col"
             >
-              <div class="flex w-full justify-center text-lg font-bold text-white mb-3">Axis {{ index }}</div>
+              <div class="flex w-full justify-center text-lg font-bold text-white mb-3">
+                {{ $t('Axis {index}', { index }) }}
+              </div>
               <div class="w-full h-40 relative">
                 <svg
                   :id="`deadband-svg-${index}`"
@@ -182,7 +194,7 @@
               </div>
               <div class="flex items-center justify-between mb-2">
                 <div class="flex items-center gap-2 w-full">
-                  <span class="text-xs text-gray-300">Deadband: </span>
+                  <span class="text-xs text-gray-300">{{ $t('Deadband:') }} </span>
                   <div class="w-full" />
                   <v-text-field
                     v-model.number="deadzoneThresholds[index]"
@@ -203,12 +215,12 @@
                     :disabled="deadzoneThresholds[index] === 0"
                     @click="deadzoneThresholds[index] = 0"
                   >
-                    RESET
+                    {{ $t('Reset') }}
                   </v-btn>
                 </div>
               </div>
               <div class="flex items-center justify-between mb-2 w-full">
-                <span class="text-xs text-gray-300">Exponential: </span>
+                <span class="text-xs text-gray-300">{{ $t('Exponential:') }} </span>
                 <div class="w-full" />
                 <v-slider
                   v-model="exponentialFactors[index]"
@@ -229,7 +241,7 @@
                   :disabled="exponentialFactors[index] === 1.0 || !currentCalibration.exponential.enabled"
                   @click="exponentialFactors[index] = 1.0"
                 >
-                  RESET
+                  {{ $t('Reset') }}
                 </v-btn>
               </div>
             </div>
@@ -237,11 +249,13 @@
         </div>
       </template>
       <template #actions>
-        <v-btn variant="text" @click="cancelCalibration">Cancel</v-btn>
+        <v-btn variant="text" @click="cancelCalibration">{{ $t('Cancel') }}</v-btn>
         <div class="w-full" />
-        <v-btn variant="text" :disabled="isCalibrating" @click="startCalibration()"> Auto calibrate deadzones </v-btn>
+        <v-btn variant="text" :disabled="isCalibrating" @click="startCalibration()">{{
+          $t('Auto calibrate deadzones')
+        }}</v-btn>
 
-        <v-btn variant="text" :disabled="!allowSavingCalibration" @click="saveCalibration">Save</v-btn>
+        <v-btn variant="text" :disabled="!allowSavingCalibration" @click="saveCalibration">{{ $t('Save') }}</v-btn>
       </template>
     </InteractionDialog>
   </teleport>
diff --git a/src/components/mini-widgets/Alerter.vue b/src/components/mini-widgets/Alerter.vue
index b0527023f1..cd43cab3cf 100644
--- a/src/components/mini-widgets/Alerter.vue
+++ b/src/components/mini-widgets/Alerter.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div ref="currentAlertBar" class="flex" :class="{ 'pointer-events-none': widgetStore.editingMode }">
     <div
       class="relative mx-1 my-1.5 w-[500px] rounded-md"
@@ -35,7 +35,7 @@
                 class="flex flex-col justify-center mx-1 font-mono text-xs font-semibold leading-3 text-right text-gray-100"
               >
                 <p>{{ formattedDate(alert.time_created || new Date()) }}</p>
-                <p>{{ alert.level.toUpperCase() }}</p>
+                <p>{{ t(alert.level.charAt(0).toUpperCase() + alert.level.slice(1)) }}</p>
               </div>
             </div>
             <div
@@ -73,7 +73,7 @@
 
   <InteractionDialog
     v-model="widgetStore.miniWidgetManagerVars(miniWidget.hash).configMenuOpen"
-    title="Alerter options"
+    :title="$t('Alerter options')"
     max-width="400px"
     variant="text-only"
   >
@@ -82,10 +82,15 @@
         <v-switch
           v-model="miniWidget.options.enableColorCoding"
           hide-details
-          label="Enable color coded alerts"
+          :label="$t('Enable color coded alerts')"
+          color="white"
+        />
+        <v-switch
+          v-model="alertStore.enableVoiceAlerts"
+          hide-details
+          :label="$t('Enable voice alerts')"
           color="white"
         />
-        <v-switch v-model="alertStore.enableVoiceAlerts" hide-details label="Enable voice alerts" color="white" />
         <v-slider
           v-model="alertStore.alertVolume"
           min="0"
@@ -93,7 +98,7 @@
           step="0.05"
           hide-details
           thumb-label
-          label="Alert volume"
+          :label="$t('Alert volume')"
           color="white"
           class="w-[250px] mt-2"
           :disabled="!alertStore.enableVoiceAlerts"
@@ -101,7 +106,9 @@
       </div>
     </template>
     <template #actions>
-      <v-btn @click="widgetStore.miniWidgetManagerVars(miniWidget.hash).configMenuOpen = false">Close</v-btn>
+      <v-btn @click="widgetStore.miniWidgetManagerVars(miniWidget.hash).configMenuOpen = false">{{
+        $t('Close')
+      }}</v-btn>
     </template>
   </InteractionDialog>
 </template>
@@ -110,6 +117,7 @@
 import { useElementBounding, useElementHover, useTimestamp, useToggle, useWindowSize } from '@vueuse/core'
 import { differenceInSeconds, format } from 'date-fns'
 import { computed, onMounted, onUnmounted, ref, toRefs, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useAlertStore } from '@/stores/alert'
 import { useVehicleAlerterStore } from '@/stores/vehicleAlerter'
@@ -133,6 +141,9 @@ const miniWidget = toRefs(props).miniWidget
 miniWidget.value.options.enableColorCoding ??= true
 miniWidget.value.options.lockExpansion ??= false
 
+const { t } = useI18n()
+const noRecentAlertsMessage = computed(() => t('No recent alerts.'))
+
 useVehicleAlerterStore()
 const alertStore = useAlertStore()
 const widgetStore = useWidgetManagerStore()
@@ -193,7 +204,7 @@ onMounted(() => {
       // We're showing the latest alert, check if it's too old
       const secsSinceLastAlert = differenceInSeconds(dateNow, lastAlert?.time_created || dateNow)
       if (secsSinceLastAlert > alertPersistencyInterval) {
-        currentAlert.value = new Alert(AlertLevel.Info, 'No recent alerts.')
+        currentAlert.value = new Alert(AlertLevel.Info, noRecentAlertsMessage.value)
         return
       }
       currentAlert.value = lastAlert!
@@ -219,7 +230,7 @@ watch(
   (newLength, oldLength) => {
     // If this is a new alert and we're currently showing the "no recent alerts" message,
     // jump to the new alert immediately
-    if (newLength > oldLength && currentAlert.value.message === 'No recent alerts.') {
+    if (newLength > oldLength && currentAlert.value.message === noRecentAlertsMessage.value) {
       currentDisplayedAlertIndex.value = newLength - 1
       currentAlert.value = alertStore.alerts[currentDisplayedAlertIndex.value]
     }
diff --git a/src/components/mini-widgets/ArmerButton.vue b/src/components/mini-widgets/ArmerButton.vue
index 8cc9bff9c3..9b87484397 100644
--- a/src/components/mini-widgets/ArmerButton.vue
+++ b/src/components/mini-widgets/ArmerButton.vue
@@ -1,8 +1,8 @@
-<template>
+<template>
   <button
     class="relative flex items-center justify-center w-32 p-1 rounded-md shadow-inner h-9 bg-slate-800/60"
     :class="{ 'cursor-not-allowed': !vehicleStore.isVehicleOnline }"
-    :title="!vehicleStore.isVehicleOnline ? 'Vehicle disconnected' : undefined"
+    :title="!vehicleStore.isVehicleOnline ? t('Vehicle disconnected') : undefined"
     @click="handleClick"
   >
     <div
@@ -18,6 +18,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useSnackbar } from '@/composables/snackbar'
 import { canByPassCategory, EventCategory, slideToConfirm } from '@/libs/slide-to-confirm'
@@ -27,11 +28,12 @@ import { useWidgetManagerStore } from '@/stores/widgetManager'
 const vehicleStore = useMainVehicleStore()
 const widgetStore = useWidgetManagerStore()
 const { openSnackbar } = useSnackbar()
+const { t } = useI18n()
 
 const stateLabel = computed(() => {
-  if (!vehicleStore.isVehicleOnline) return 'Offline'
+  if (!vehicleStore.isVehicleOnline) return t('Offline')
   if (vehicleStore.isArmed === undefined) return '...'
-  return vehicleStore.isArmed ? 'Armed' : 'Disarmed'
+  return vehicleStore.isArmed ? t('Armed') : t('Disarmed')
 })
 
 const stateClasses = computed(() => {
@@ -44,7 +46,7 @@ const stateClasses = computed(() => {
 const handleClick = (): void => {
   if (widgetStore.editingMode) return
   if (!vehicleStore.isVehicleOnline) {
-    openSnackbar({ message: 'Vehicle is disconnected.', variant: 'error', duration: 3000 })
+    openSnackbar({ message: t('Vehicle is disconnected.'), variant: 'error', duration: 3000 })
     return
   }
   if (vehicleStore.isArmed) {
@@ -59,7 +61,11 @@ const arm = async (): Promise<void> => {
     await slideToConfirm({ command: 'Arm' }, canByPassCategory(EventCategory.ARM))
     await vehicleStore.arm()
   } catch (error) {
-    openSnackbar({ message: `Arm request failed: ${(error as Error).message}`, variant: 'error', duration: 3000 })
+    openSnackbar({
+      message: `${t('Arm request failed')}: ${(error as Error).message}`,
+      variant: 'error',
+      duration: 3000,
+    })
   }
 }
 
@@ -68,7 +74,11 @@ const disarm = async (): Promise<void> => {
     await slideToConfirm({ command: 'Disarm' }, canByPassCategory(EventCategory.DISARM))
     await vehicleStore.disarm()
   } catch (error) {
-    openSnackbar({ message: `Disarm request failed: ${(error as Error).message}`, variant: 'error', duration: 3000 })
+    openSnackbar({
+      message: `${t('Disarm request failed')}: ${(error as Error).message}`,
+      variant: 'error',
+      duration: 3000,
+    })
   }
 }
 </script>
diff --git a/src/components/mini-widgets/BaseCommIndicator.vue b/src/components/mini-widgets/BaseCommIndicator.vue
index 1918ffac01..5f799994ba 100644
--- a/src/components/mini-widgets/BaseCommIndicator.vue
+++ b/src/components/mini-widgets/BaseCommIndicator.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-tooltip :text="commTooltip" location="top">
+  <v-tooltip :text="store.isVehicleOnline ? $t('Vehicle connected') : $t('Vehicle disconnected')" location="top">
     <template #activator="{ props: tooltipProps }">
       <div
         class="relative"
@@ -20,17 +20,9 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
-
 import { useMainVehicleStore } from '@/stores/mainVehicle'
 
 const store = useMainVehicleStore()
-
-const commTooltip = computed((): string => {
-  if (store.isVehicleOnline) return 'Vehicle connected'
-  if (store.isVehicleConnectionLost) return 'Vehicle disconnected'
-  return 'No vehicle connected'
-})
 </script>
 
 <style scoped>
diff --git a/src/components/mini-widgets/BatteryIndicator.vue b/src/components/mini-widgets/BatteryIndicator.vue
index 7410ac2e21..dbde248d42 100644
--- a/src/components/mini-widgets/BatteryIndicator.vue
+++ b/src/components/mini-widgets/BatteryIndicator.vue
@@ -1,6 +1,8 @@
 <template>
   <v-tooltip
-    :text="`Battery remaining: ${remainingDisplayValue < 0 ? 'No Data' : remainingDisplayValue.toFixed(1) + '%'}`"
+    :text="`${$t('Battery remaining:')} ${
+      remainingDisplayValue < 0 ? $t('No Data') : remainingDisplayValue.toFixed(1) + '%'
+    }`"
   >
     <template #activator="{ props: tooltipProps }">
       <div v-bind="tooltipProps" class="flex items-center w-[95px] h-12 text-white justify-center">
@@ -72,7 +74,7 @@
   </v-tooltip>
   <v-dialog v-model="widgetStore.miniWidgetManagerVars(miniWidget.hash).configMenuOpen" width="auto">
     <v-card class="pa-4 text-white w-[400px]" style="border-radius: 15px" :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="text-center">Battery Indicator Config</v-card-title>
+      <v-card-title class="text-center">{{ $t('Battery Indicator Config') }}</v-card-title>
       <v-card-text class="flex flex-col gap-y-4">
         <div class="absolute top-2 right-2 z-10">
           <v-btn
@@ -86,11 +88,11 @@
             <i class="mdi mdi-close"></i>
           </v-btn>
         </div>
-        <v-checkbox v-model="miniWidget.options.showCurrent" label="Show Current" hide-details class="-mb-5" />
-        <v-checkbox v-model="miniWidget.options.showPower" label="Show Power" hide-details />
+        <v-checkbox v-model="miniWidget.options.showCurrent" :label="$t('Show Current')" hide-details class="-mb-5" />
+        <v-checkbox v-model="miniWidget.options.showPower" :label="$t('Show Power')" hide-details />
         <v-text-field
           v-model.number="userSetToggleInterval"
-          label="Toggle Interval (ms)"
+          :label="$t('Toggle Interval (ms)')"
           type="number"
           :min="minInterval"
           step="100"
@@ -104,15 +106,12 @@
         <div class="flex justify-between items-center -mt-1">
           <v-checkbox
             v-model="miniWidget.options.useVoltageToColor"
-            label="Change color by voltage"
+            :label="$t('Use voltage to color scheme')"
             hide-details
             class="mr-1"
           />
           <div class="flex items-center gap-x-1">
-            <v-tooltip
-              location="top"
-              text="Configure these voltage levels according to your battery pack. Defaults are based on Blue Robotics' 4S Li-ion battery pack."
-            >
+            <v-tooltip location="top" :text="batteryConfigTooltip">
               <template #activator="{ props: infoProps }">
                 <v-icon
                   v-bind="infoProps"
@@ -122,7 +121,7 @@
                 />
               </template>
             </v-tooltip>
-            <v-tooltip location="top" text="Reset colors and voltage thresholds to default values">
+            <v-tooltip location="top" :text="$t('Reset colors and voltage thresholds to default values')">
               <template #activator="{ props: resetProps }">
                 <v-btn v-bind="resetProps" icon size="small" variant="text" class="text-white" @click="resetToDefaults">
                   <v-icon icon="mdi-restore" size="18" />
@@ -137,7 +136,7 @@
             <div class="h-3 shrink-0" />
             <v-text-field
               v-model.number="batteryThresholds.medium"
-              label="Medium threshold (V)"
+              :label="$t('Medium voltage (V)')"
               type="number"
               density="compact"
               variant="outlined"
@@ -145,7 +144,7 @@
             />
             <v-text-field
               v-model.number="batteryThresholds.low"
-              label="Low threshold (V)"
+              :label="$t('Low voltage (V)')"
               type="number"
               density="compact"
               variant="outlined"
@@ -153,7 +152,7 @@
             />
             <v-text-field
               v-model.number="batteryThresholds.critical"
-              label="Critical threshold (V)"
+              :label="$t('Critical voltage (V)')"
               type="number"
               density="compact"
               variant="outlined"
@@ -213,6 +212,7 @@
 <script setup lang="ts">
 import { useDebounce } from '@vueuse/core'
 import { computed, onBeforeMount, onUnmounted, ref, toRefs, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { defaultBatteryLevelColorScheme, defaultBatteryLevelThresholds } from '@/assets/defaults'
 import { datalogger, DatalogVariable } from '@/libs/sensors-logging'
@@ -242,6 +242,10 @@ const defaultOptions = {
 const store = useMainVehicleStore()
 const widgetStore = useWidgetManagerStore()
 const interfaceStore = useAppInterfaceStore()
+const { t } = useI18n()
+const batteryConfigTooltip = t(
+  "configure these voltage levels according to your battery pack. defaults are based on blue Robotics' 4-s li-ion battery pack."
+)
 
 const showCurrent = ref(true)
 const toggleIntervaler = ref<ReturnType<typeof setInterval> | undefined>(undefined)
diff --git a/src/components/mini-widgets/ChangeAltitudeCommander.vue b/src/components/mini-widgets/ChangeAltitudeCommander.vue
index 2c88d33f59..0c5a2fdef4 100644
--- a/src/components/mini-widgets/ChangeAltitudeCommander.vue
+++ b/src/components/mini-widgets/ChangeAltitudeCommander.vue
@@ -7,7 +7,9 @@
     :disabled="!vehicleStore.flying"
     @click="changeAlt()"
   >
-    <span class="inline-block font-extrabold align-middle text-white"> Change Alt </span>
+    <span class="inline-block font-extrabold align-middle text-white">
+      {{ $t('Change Alt') }}
+    </span>
   </button>
 </template>
 
diff --git a/src/components/mini-widgets/Clock.vue b/src/components/mini-widgets/Clock.vue
index 411a6e993d..5cbad6d503 100644
--- a/src/components/mini-widgets/Clock.vue
+++ b/src/components/mini-widgets/Clock.vue
@@ -1,12 +1,21 @@
 <template>
   <div class="flex items-center justify-center m-2 text-sm font-bold text-center text-white select-none min-w-[90px]">
-    {{ format(timeNow, 'E LLL do HH:mm') }}
+    {{ formattedTime }}
   </div>
 </template>
 
 <script setup lang="ts">
 import { useTimestamp } from '@vueuse/core'
 import { format } from 'date-fns'
+import { zhCN } from 'date-fns/locale'
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 const timeNow = useTimestamp({ interval: 1000 })
+const { locale } = useI18n()
+
+const formattedTime = computed(() => {
+  const dateLocale = locale.value === 'zh' ? zhCN : undefined
+  return format(timeNow.value, 'E LLL do HH:mm', { locale: dateLocale })
+})
 </script>
diff --git a/src/components/mini-widgets/DepthIndicator.vue b/src/components/mini-widgets/DepthIndicator.vue
index b2e2e9a5b5..ed3e528291 100644
--- a/src/components/mini-widgets/DepthIndicator.vue
+++ b/src/components/mini-widgets/DepthIndicator.vue
@@ -9,7 +9,7 @@
         </span>
       </div>
       <span class="w-full text-sm absolute bottom-[0.5rem] whitespace-nowrap text-ellipsis overflow-x-hidden">
-        Depth
+        {{ $t('Depth') }}
       </span>
     </div>
   </div>
diff --git a/src/components/mini-widgets/EkfStateIndicator.vue b/src/components/mini-widgets/EkfStateIndicator.vue
index f4c1ffe89c..adc9d6c97c 100644
--- a/src/components/mini-widgets/EkfStateIndicator.vue
+++ b/src/components/mini-widgets/EkfStateIndicator.vue
@@ -21,11 +21,13 @@
       <v-card min-width="420" min-height="280" class="rounded-lg" :style="interfaceStore.globalGlassMenuStyles">
         <v-card-text class="pa-3">
           <div v-if="dataStatus === 'error'" class="text-center mb-3">
-            <v-alert type="warning" density="compact" class="text-sm"> No EKF data - Check vehicle connection </v-alert>
+            <v-alert type="warning" density="compact" class="text-sm">{{
+              $t('No EKF data - Check vehicle connection')
+            }}</v-alert>
           </div>
           <div v-else-if="dataStatus === 'loading'" class="text-center mb-3">
             <v-progress-circular indeterminate size="20" width="2" class="mr-2" />
-            <span class="text-sm text-white opacity-70">Waiting for EKF data...</span>
+            <span class="text-sm text-white opacity-70">{{ $t('Waiting for EKF data...') }}</span>
           </div>
           <div class="d-flex">
             <!-- EKF Bars Section -->
diff --git a/src/components/mini-widgets/EnterEditMode.vue b/src/components/mini-widgets/EnterEditMode.vue
index dbec97ff4d..b2466e9875 100644
--- a/src/components/mini-widgets/EnterEditMode.vue
+++ b/src/components/mini-widgets/EnterEditMode.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <v-tooltip :text="widgetStore.editingMode ? 'Exit edit mode' : 'Enter edit mode'" location="bottom">
+    <v-tooltip :text="widgetStore.editingMode ? $t('Exit edit mode') : $t('Enter edit mode')" location="bottom">
       <template #activator="{ props: tooltipProps }">
         <div v-bind="tooltipProps" class="relative cursor-pointer mr-2 scale-75" @click="toggleEditMode">
           <FontAwesomeIcon icon="fa-solid fa-pencil" size="xl" class="text-white mb-1" />
diff --git a/src/components/mini-widgets/GoFullScreen.vue b/src/components/mini-widgets/GoFullScreen.vue
index f85ba479ed..f790ce2445 100644
--- a/src/components/mini-widgets/GoFullScreen.vue
+++ b/src/components/mini-widgets/GoFullScreen.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <v-tooltip :text="isFullScreen ? 'Exit full screen' : 'Go full screen'" location="bottom">
+    <v-tooltip :text="isFullScreen ? $t('Exit full screen') : $t('Go full screen')" location="bottom">
       <template #activator="{ props: tooltipProps }">
         <div v-bind="tooltipProps" class="relative cursor-pointer" @click="toggleFullScreen">
           <FontAwesomeIcon :icon="fullScreenToggleIcon" size="xl text-white" />
diff --git a/src/components/mini-widgets/JoystickCommIndicator.vue b/src/components/mini-widgets/JoystickCommIndicator.vue
index 099385a22b..32dd87a4da 100644
--- a/src/components/mini-widgets/JoystickCommIndicator.vue
+++ b/src/components/mini-widgets/JoystickCommIndicator.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div>
     <v-tooltip :text="tooltipText" location="bottom">
       <template #activator="{ props: tooltipProps }">
@@ -21,7 +21,7 @@
 
     <InteractionDialog
       v-model="widgetStore.miniWidgetManagerVars(miniWidget.hash).configMenuOpen"
-      :title="joystickConnected ? 'Joystick connected' : 'Joystick disconnected'"
+      :title="joystickConnected ? t('Joystick connected') : t('Joystick disconnected')"
       max-width="400px"
       variant="text-only"
     >
@@ -38,7 +38,9 @@
         </div>
       </template>
       <template #actions>
-        <v-btn @click="widgetStore.miniWidgetManagerVars(miniWidget.hash).configMenuOpen = false">Close</v-btn>
+        <v-btn @click="widgetStore.miniWidgetManagerVars(miniWidget.hash).configMenuOpen = false">{{
+          $t('Close')
+        }}</v-btn>
       </template>
     </InteractionDialog>
   </div>
@@ -46,6 +48,7 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref, toRefs } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import InteractionDialog from '@/components/InteractionDialog.vue'
 import { joystickManager } from '@/libs/joystick/manager'
@@ -66,6 +69,7 @@ const miniWidget = toRefs(props).miniWidget
 
 const widgetStore = useWidgetManagerStore()
 const controllerStore = useControllerStore()
+const { t } = useI18n()
 const joystickConnected = ref(false)
 
 onMounted(() => {
@@ -79,13 +83,13 @@ const indicatorClass = computed(() => {
 })
 
 const tooltipText = computed(() => {
-  if (!joystickConnected.value) return 'Joystick disconnected'
-  if (!controllerStore.enableForwarding) return 'Joystick connected but disabled'
-  return 'Joystick connected and enabled'
+  if (!joystickConnected.value) return t('Joystick disconnected')
+  if (!controllerStore.enableForwarding) return t('Connected but disabled')
+  return t('Connected and enabled')
 })
 
 const switchLabel = computed(() => {
-  if (controllerStore.enableForwarding) return 'Joystick commands enabled'
-  return 'Joystick commands paused'
+  if (controllerStore.enableForwarding) return t('Commands enabled')
+  return t('Commands paused')
 })
 </script>
diff --git a/src/components/mini-widgets/MiniMissionControlPanel.vue b/src/components/mini-widgets/MiniMissionControlPanel.vue
index c9b39a8efc..d7717c816c 100644
--- a/src/components/mini-widgets/MiniMissionControlPanel.vue
+++ b/src/components/mini-widgets/MiniMissionControlPanel.vue
@@ -7,7 +7,7 @@
       class="flex gap-1 items-center overflow-hidden"
       :class="!vehicleStore.isVehicleOnline ? 'active-events-on-disabled' : ''"
     >
-      <v-tooltip location="top" open-delay="800" text="Skip to previous waypoint">
+      <v-tooltip location="top" open-delay="800" :text="$t('Skip to previous waypoint')">
         <template #activator="{ props: skipPrevProps }">
           <v-btn
             v-bind="skipPrevProps"
@@ -23,7 +23,7 @@
       <v-tooltip
         location="top"
         open-delay="800"
-        :text="missionStore.isMissionRunning ? 'Pause mission' : 'Start / resume mission'"
+        :text="missionStore.isMissionRunning ? $t('Pause mission') : $t('Start / resume mission')"
       >
         <template #activator="{ props: playPauseProps }">
           <v-btn
@@ -37,7 +37,7 @@
           />
         </template>
       </v-tooltip>
-      <v-tooltip location="top" open-delay="800" text="Skip to next waypoint">
+      <v-tooltip location="top" open-delay="800" :text="$t('Skip to next waypoint')">
         <template #activator="{ props: skipNextProps }">
           <v-btn
             v-bind="skipNextProps"
@@ -50,7 +50,7 @@
           />
         </template>
       </v-tooltip>
-      <v-tooltip location="top" open-delay="800" text="Return to home">
+      <v-tooltip location="top" open-delay="800" :text="$t('Stop mission and return to first waypoint')">
         <template #activator="{ props: homeProps }">
           <v-btn
             v-bind="homeProps"
@@ -65,7 +65,9 @@
       </v-tooltip>
       <v-divider vertical class="h-[25px] mt-[5px]" />
       <div class="flex flex-col justify-between w-[46px] h-[33px] text-[8px] ml-1 mt-[4px]">
-        <div class="w-full text-nowrap text-center">Current WP</div>
+        <div class="w-full text-nowrap text-center">
+          {{ $t('Current WP') }}
+        </div>
         <div class="mb-1 text-[12px] font-bold">{{ currentWaypointOnMission }}</div>
       </div>
     </div>
@@ -74,12 +76,14 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useInteractionDialog } from '@/composables/interactionDialog'
 import { openSnackbar } from '@/composables/snackbar'
 import { useMainVehicleStore } from '@/stores/mainVehicle'
 import { useMissionStore } from '@/stores/mission'
 
+const { t } = useI18n()
 const { showDialog, closeDialog } = useInteractionDialog()
 const missionStore = useMissionStore()
 const vehicleStore = useMainVehicleStore()
@@ -91,23 +95,25 @@ const currentWaypointOnMission = computed<string>((): string => {
 
 const handleReturnHome = (): void => {
   showDialog({
-    title: 'Return to home',
-    message: 'Are you sure you want to send the vehicle home?',
+    title: t('Return to home'),
+    message: t('Are you sure you want to send the vehicle home?'),
     variant: 'warning',
     actions: [
       {
-        text: 'Cancel',
+        text: t('Cancel'),
         size: 'small',
         action: closeDialog,
       },
       {
-        text: 'Confirm',
+        text: t('Confirm'),
         size: 'small',
         action: () => {
           closeDialog()
           vehicleStore.returnHome().catch((err) => {
             openSnackbar({
-              message: `Failed to return home: ${(err as Error).message}`,
+              message: t('Failed to return home: {error}', {
+                error: (err as Error).message,
+              }),
               variant: 'error',
             })
           })
@@ -126,7 +132,9 @@ const handlePlayAndPause = async (): Promise<void> => {
     }
   } catch (err) {
     openSnackbar({
-      message: `Failed to ${missionStore.isMissionRunning ? 'pause' : 'start'} mission: ${(err as Error).message}`,
+      message: missionStore.isMissionRunning
+        ? t('Failed to pause mission: {error}', { error: (err as Error).message })
+        : t('Failed to start mission: {error}', { error: (err as Error).message }),
       variant: 'error',
     })
   }
diff --git a/src/components/mini-widgets/MiniVideoRecorder.vue b/src/components/mini-widgets/MiniVideoRecorder.vue
index 9718814a7c..40bf6ddb26 100644
--- a/src/components/mini-widgets/MiniVideoRecorder.vue
+++ b/src/components/mini-widgets/MiniVideoRecorder.vue
@@ -46,15 +46,15 @@
       class="flex flex-col items-center p-2 pt-1 m-5 rounded-md gap-y-4"
       :style="interfaceStore.globalGlassMenuStyles"
     >
-      <p class="text-xl font-semibold m-4">Choose a stream to record</p>
+      <p class="text-xl font-semibold m-4">{{ $t('Choose a stream to record') }}</p>
       <v-select
         :model-value="nameSelectedStream"
-        label="Stream"
+        :label="$t('Stream name')"
         :items="enrichedStreamItems"
         item-value="internalName"
         density="compact"
         variant="outlined"
-        no-data-text="No streams available."
+        :no-data-text="$t('No streams available.')"
         hide-details
         theme="dark"
         class="w-[90%]"
@@ -104,7 +104,7 @@
           variant="text"
           @click="widgetStore.miniWidgetManagerVars(miniWidget.hash).configMenuOpen = false"
         >
-          Close
+          {{ t('Close') }}
         </v-btn>
         <v-btn
           class="bg-[#FFFFFF11] hover:bg-[#FFFFFF33]"
@@ -112,7 +112,7 @@
           :class="{ 'opacity-30 pointer-events-none': isLoadingStream }"
           @click="startRecording"
         >
-          <span>Record</span>
+          <span>{{ t('Record') }}</span>
           <v-icon v-if="isLoadingStream" class="m-2 animate-spin">mdi-loading</v-icon>
           <div v-else class="w-5 h-5 ml-2 rounded-full bg-red" />
         </v-btn>
@@ -126,6 +126,7 @@ import { useMouseInElement, useTimestamp } from '@vueuse/core'
 import { intervalToDuration } from 'date-fns'
 import { storeToRefs } from 'pinia'
 import { computed, onBeforeMount, onBeforeUnmount, onMounted, ref, toRefs, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useInteractionDialog } from '@/composables/interactionDialog'
 import { isEqual, sleep } from '@/libs/utils'
@@ -135,6 +136,7 @@ import { useWidgetManagerStore } from '@/stores/widgetManager'
 import type { MiniWidget } from '@/types/widgets'
 
 const { showDialog } = useInteractionDialog()
+const { t } = useI18n()
 const interfaceStore = useAppInterfaceStore()
 const widgetStore = useWidgetManagerStore()
 const videoStore = useVideoStore()
@@ -309,13 +311,13 @@ function assertStreamIsSelectedAndAvailable(
   nameSelectedStream.value = selectedStream
 
   if (nameSelectedStream.value === undefined) {
-    showDialog({ message: 'No stream selected.', variant: 'error' })
+    showDialog({ message: t('No stream selected'), variant: 'error' })
     return
   }
 
   if (namesAvailableStreams.value.includes(nameSelectedStream.value)) return
 
-  const errorMsg = `The selected stream is not available. Please check its source or select another stream.`
+  const errorMsg = t('Stream is not available')
   showDialog({ message: errorMsg, variant: 'error' })
   throw new Error(errorMsg)
 }
@@ -338,12 +340,12 @@ const toggleRecording = async (): Promise<void> => {
 
 const startRecording = (): void => {
   if (!selectedExternalId.value) {
-    showDialog({ title: 'Cannot start recording.', message: 'No stream selected.', variant: 'error' })
+    showDialog({ title: t('Cannot start recording'), message: t('No stream selected'), variant: 'error' })
     return
   }
 
   if (!videoStore.getStreamData(selectedExternalId.value)?.connected) {
-    showDialog({ title: 'Cannot start recording.', message: 'Stream is not connected.', variant: 'error' })
+    showDialog({ title: t('Cannot start recording'), message: t('Stream is not connected'), variant: 'error' })
     return
   }
 
@@ -386,7 +388,7 @@ const updateCurrentStream = async (internalStreamName: string | undefined): Prom
   }
 
   if (isLoadingStream.value) {
-    showDialog({ message: 'Could not load media stream.', variant: 'error' })
+    showDialog({ message: t('Media stream is not active'), variant: 'error' })
     return
   }
 
diff --git a/src/components/mini-widgets/MissionIdentifier.vue b/src/components/mini-widgets/MissionIdentifier.vue
index 2466f39f16..0c681b19c2 100644
--- a/src/components/mini-widgets/MissionIdentifier.vue
+++ b/src/components/mini-widgets/MissionIdentifier.vue
@@ -18,7 +18,7 @@
       <v-card class="pa-2 bg-[#20202022] backdrop-blur-2xl text-white rounded-lg">
         <v-card-title class="flex justify-between">
           <div />
-          <div>Mission configuration</div>
+          <div>{{ t('Mission Configuration') }}</div>
           <v-btn
             icon
             :width="38"
@@ -36,7 +36,7 @@
         </v-card-title>
         <v-card-text>
           <div class="flex flex-col">
-            <p>Mission Name</p>
+            <p>{{ t('Mission Name') }}</p>
             <v-text-field
               v-model="store.missionName"
               append-inner-icon="mdi-restore"
@@ -51,7 +51,8 @@
 </template>
 
 <script setup lang="ts">
-import { toRefs } from 'vue'
+import { computed, toRefs } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { coolMissionNames } from '@/libs/funny-name/words'
 import { useAppInterfaceStore } from '@/stores/appInterface'
@@ -73,6 +74,12 @@ const miniWidget = toRefs(props).miniWidget
 const store = useMissionStore()
 const widgetStore = useWidgetManagerStore()
 const interfaceStore = useAppInterfaceStore()
+const { t, tm } = useI18n()
 
-const randomMissionName = coolMissionNames.random()
+const randomMissionName = computed(() => {
+  // Get localized mission names array, fallback to English if not available
+  const localizedNames = tm('missionNames')
+  const names = Array.isArray(localizedNames) && localizedNames.length > 0 ? localizedNames : coolMissionNames
+  return names[Math.floor(Math.random() * names.length)] || ''
+})
 </script>
diff --git a/src/components/mini-widgets/ModeSelector.vue b/src/components/mini-widgets/ModeSelector.vue
index c4a5965fb5..b0247ad37e 100644
--- a/src/components/mini-widgets/ModeSelector.vue
+++ b/src/components/mini-widgets/ModeSelector.vue
@@ -1,11 +1,17 @@
 <template>
   <div>
-    <Dropdown v-model="currentMode" :options="vehicleStore.modesAvailable()" class="min-w-[128px]" />
+    <Dropdown
+      v-model="currentModeTranslated"
+      name-key="translatedName"
+      :options="modesWithTranslation"
+      class="min-w-[128px]"
+    />
   </div>
 </template>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref, watch } from 'vue'
+import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { datalogger, DatalogVariable } from '@/libs/sensors-logging'
 import { useMainVehicleStore } from '@/stores/mainVehicle'
@@ -14,20 +20,76 @@ import Dropdown from '../Dropdown.vue'
 
 datalogger.registerUsage(DatalogVariable.mode)
 const vehicleStore = useMainVehicleStore()
+const { t } = useI18n()
 const currentMode = ref()
+const currentModeTranslated = ref<{
+  /**
+cccccccccccccccccccccccccccccccccccc *
+cccccccccccccccccccccccccccccccccccc
+   */
+  mode: string
+  /**
+mmmmmmmmmmmmmm *
+mmmmmmmmmmmmmm
+   */
+  translatedName: string
+}>()
 
-watch(currentMode, (newVal) => {
-  if (currentMode.value === undefined) return
+const translateModeName = (modeName: string): string => {
+  // Try to find translation key for the mode
+  const translationKey = `flightModes.${modeName}`
+  const translated = t(translationKey)
+  // Return translation if it exists and is different from the key
+  return translated !== translationKey ? translated : modeName
+}
+
+const modesWithTranslation = computed(() => {
+  return vehicleStore.modesAvailable().map((mode) => ({
+    mode: mode,
+    translatedName: translateModeName(mode),
+  }))
+})
+
+watch(currentModeTranslated, (newVal) => {
+  if (!newVal || currentMode.value === undefined) return
+  const newMode = newVal.mode
   // Fetch the current mode directly from the store to ensure it's different
-  if (newVal === vehicleStore.mode) {
+  if (newMode === vehicleStore.mode) {
     console.log('New mode is the same as the current one. No mode-change commands will be issued.')
     return
   }
-  vehicleStore.setFlightMode(currentMode.value)
+  currentMode.value = newMode
+  vehicleStore.setFlightMode(newMode)
 })
 
+watch(
+  () => vehicleStore.mode,
+  (newMode) => {
+    if (newMode && currentMode.value !== newMode) {
+      currentMode.value = newMode
+      const modeObj = modesWithTranslation.value.find((m) => m.mode === newMode)
+      if (modeObj) {
+        currentModeTranslated.value = modeObj
+      }
+    }
+  },
+  { immediate: true }
+)
+
 // eslint-disable-next-line no-undef
 let modeUpdateInterval: NodeJS.Timer | undefined = undefined
-onMounted(() => (modeUpdateInterval = setInterval(() => (currentMode.value = vehicleStore.mode), 500)))
+// Poll for mode updates since vehicleStore.mode might not be reactive in all cases
+onMounted(() => {
+  modeUpdateInterval = setInterval(() => {
+    const newMode = vehicleStore.mode
+    if (newMode && currentMode.value !== newMode) {
+      currentMode.value = newMode
+      const modeObj = modesWithTranslation.value.find((m) => m.mode === newMode)
+      if (modeObj) {
+        currentModeTranslated.value = modeObj
+      }
+    }
+  }, 500)
+})
 onUnmounted(() => clearInterval(modeUpdateInterval))
 </script>
diff --git a/src/components/mini-widgets/RelativeAltitudeIndicator.vue b/src/components/mini-widgets/RelativeAltitudeIndicator.vue
index f006fd3217..3f62cf9800 100644
--- a/src/components/mini-widgets/RelativeAltitudeIndicator.vue
+++ b/src/components/mini-widgets/RelativeAltitudeIndicator.vue
@@ -6,7 +6,7 @@
         <span class="font-mono text-xl font-semibold leading-6 w-fit">{{ round(altitude, 2).toFixed(2) }}</span>
         <span class="text-xl font-semibold leading-6 w-fit"> m</span>
       </div>
-      <span class="w-full text-sm font-semibold leading-4 whitespace-nowrap">Alt (Rel)</span>
+      <span class="w-full text-sm font-semibold leading-4 whitespace-nowrap">{{ $t('Alt (Rel)') }}</span>
     </div>
   </div>
 </template>
diff --git a/src/components/mini-widgets/SatelliteIndicator.vue b/src/components/mini-widgets/SatelliteIndicator.vue
index 88fb240375..ef90901ae2 100644
--- a/src/components/mini-widgets/SatelliteIndicator.vue
+++ b/src/components/mini-widgets/SatelliteIndicator.vue
@@ -2,8 +2,12 @@
   <div class="flex items-center w-fit min-w-[8rem] max-w-[9rem] h-12 p-1 text-white justify-center">
     <span class="relative w-[2.25rem] mdi mdi-satellite-variant text-4xl"></span>
     <div class="flex flex-col items-start justify-center ml-1 min-w-[4rem] max-w-[6rem] select-none">
-      <span class="font-mono font-semibold leading-4 text-end w-fit">{{ store.statusGPS.visibleSatellites }} sats</span>
-      <span class="font-mono text-sm font-semibold leading-4 text-end w-fit">{{ store.statusGPS.fixType }}</span>
+      <span class="font-mono font-semibold leading-4 text-end w-fit"
+        >{{ store.statusGPS.visibleSatellites }} {{ $t('sats') }}</span
+      >
+      <span class="font-mono text-sm font-semibold leading-4 text-end w-fit">
+        {{ tFixType }}
+      </span>
     </div>
   </div>
 </template>
@@ -14,5 +18,32 @@ import { useMainVehicleStore } from '@/stores/mainVehicle'
 
 datalogger.registerUsage(DatalogVariable.gpsFixType)
 datalogger.registerUsage(DatalogVariable.gpsVisibleSatellites)
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+
 const store = useMainVehicleStore()
+const { t } = useI18n()
+
+const tFixType = computed(() => {
+  const map: Record<string, string> = {
+    'No GPS': 'NO_GPS',
+    'No fix': 'NO_FIX',
+    '2D fix': 'FIX_2D',
+    '3D fix': 'FIX_3D',
+    'DGPS fix': 'DGPS',
+    'RTK float': 'RTK_FLOAT',
+    'RTK fix': 'RTK_FIXED',
+    'Static': 'STATIC',
+    'PPP fix': 'PPP',
+  }
+
+  const v = store.statusGPS.fixType
+  const key = map[v]
+  if (key) {
+    return t(`indicators.fixTypes.${key}`)
+  }
+
+  // Fallback to raw value
+  return v
+})
 </script>
diff --git a/src/components/mini-widgets/SnapshotTool.vue b/src/components/mini-widgets/SnapshotTool.vue
index f08d213043..e22970dc56 100644
--- a/src/components/mini-widgets/SnapshotTool.vue
+++ b/src/components/mini-widgets/SnapshotTool.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div
     ref="recorderWidget"
     class="flex justify-around pl-1 pr-[3px] py-1 text-center text-white rounded-lg w-[70px] h-9 align-center bg-slate-800/60"
@@ -16,18 +16,18 @@
           class="bg-[#FFFFFF11] hover:bg-[#FFFFFF22] cursor-pointer text-sm"
           @click="handleOpenSnapshotLibrary"
           ><template #title>
-            <span class="text-white text-[16px] font-bold">Open snapshot library</span>
+            <span class="text-white text-[16px] font-bold">{{ $t('Open snapshot library') }}</span>
           </template>
         </v-list-item>
         <v-divider />
-        <v-list-item title="Single capture" @click="handleSelectSnapshotTriggerType('single')">
+        <v-list-item :title="$t('Single capture')" @click="handleSelectSnapshotTriggerType('single')">
           <template #append>
             <v-icon size="22" icon="mdi-video-image" />
           </template>
         </v-list-item>
         <v-divider />
         <v-divider />
-        <v-list-item title="Timed multi-capture" @click="handleSelectSnapshotTriggerType('timed')">
+        <v-list-item :title="$t('Timed multi-capture')" @click="handleSelectSnapshotTriggerType('timed')">
           <template #append> <v-icon size="20" icon="mdi-timer-outline" /> </template>
         </v-list-item>
       </v-list>
@@ -58,7 +58,7 @@
       class="flex flex-col items-center p-2 px-4 pt-1 m-5 rounded-md gap-y-4"
       :style="interfaceStore.globalGlassMenuStyles"
     >
-      <p class="text-xl font-semibold mt-2 mb-4">Snapshot settings</p>
+      <p class="text-xl font-semibold mt-2 mb-4">{{ $t('Snapshot settings') }}</p>
       <div class="absolute top-0 right-0">
         <v-tooltip
           location="bottom"
@@ -77,7 +77,9 @@
             />
           </template>
 
-          <span> Some features like “Capturing Cockpit work area” are only available in the Electron version. </span>
+          <span>{{
+            $t('Some features like "Capturing Cockpit work area" are only available in the Electron version.')
+          }}</span>
         </v-tooltip>
       </div>
       <div class="flex items-center justify-start w-[90%] -mb-2">
@@ -87,7 +89,7 @@
           hide-details
           theme="dark"
         />
-        <p class="ml-[4px] -mb-[2px] text-sm">Snapshot all available sources</p>
+        <p class="ml-[4px] -mb-[2px] text-sm">{{ $t('Snapshot all available sources') }}</p>
       </div>
       <v-select
         v-model="miniWidget.options.selectedStreams"
@@ -97,9 +99,9 @@
         density="compact"
         multiple
         clearable
-        label="Streams to capture"
+        :label="$t('Streams to capture')"
         variant="outlined"
-        no-data-text="No streams available."
+        :no-data-text="$t('No streams available.')"
         hide-details
         theme="dark"
         class="w-[90%]"
@@ -154,12 +156,12 @@
           @update:model-value="(val) => (miniWidget.options.captureWorkspace = val)"
         />
         <p class="ml-[4px] -mb-[2px] text-sm" :class="{ 'opacity-20 pointer-events-none': !isElectronEnv }">
-          Capture Cockpit work area (Desktop-only feature)
+          {{ $t('Capture Cockpit work area (Desktop-only feature)') }}
         </p>
       </div>
       <v-text-field
         v-model.number="timedSnapshotInterval"
-        label="Timed snapshot interval (seconds)"
+        :label="$t('Timed snapshot interval (seconds)')"
         type="number"
         density="compact"
         variant="outlined"
@@ -176,7 +178,7 @@
           variant="text"
           @click="widgetStore.miniWidgetManagerVars(miniWidget.hash).configMenuOpen = false"
         >
-          Close
+          {{ $t('Close') }}
         </v-btn>
       </div>
     </div>
@@ -185,6 +187,7 @@
 
 <script setup lang="ts">
 import { computed, onBeforeMount, onMounted, ref, toRefs, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useInteractionDialog } from '@/composables/interactionDialog'
 import { openSnackbar } from '@/composables/snackbar'
@@ -197,6 +200,7 @@ import type { SnapshotResult } from '@/types/snapshot'
 import type { MiniWidget } from '@/types/widgets'
 
 const { showDialog } = useInteractionDialog()
+const { t } = useI18n()
 const snapshotStore = useSnapshotStore()
 const interfaceStore = useAppInterfaceStore()
 const widgetStore = useWidgetManagerStore()
@@ -285,7 +289,7 @@ const handleSnapshotResult = (result: SnapshotResult): void => {
 
   if (succeeded.length > 0 && failed.length === 0) {
     flashEffect()
-    openSnackbar({ message: 'Snapshot recorded successfully.', variant: 'success', duration: 2000 })
+    openSnackbar({ message: t('Snapshot recorded successfully.'), variant: 'success', duration: 2000 })
     return
   }
 
@@ -294,7 +298,7 @@ const handleSnapshotResult = (result: SnapshotResult): void => {
   if (succeeded.length > 0 && failed.length > 0) {
     flashEffect()
     openSnackbar({
-      message: `Snapshot captured, but failed for: ${failedNames}.`,
+      message: t('Snapshot captured, but failed for: {failed}.', { failed: failedNames }),
       variant: 'warning',
       duration: 4000,
     })
@@ -305,11 +309,13 @@ const handleSnapshotResult = (result: SnapshotResult): void => {
 
   isFailureDialogOpen.value = true
   showDialog({
-    title: 'Error taking snapshot',
+    title: t('Error taking snapshot'),
     message:
       failed.length > 0
-        ? `Failed to capture: ${failedNames}. Make sure the streams have finished loading.`
-        : 'No sources available for capture. Make sure streams are connected or select specific ones in the widget settings.',
+        ? t('Failed to capture: {failed}. Make sure the streams have finished loading.', { failed: failedNames })
+        : t(
+            'No sources available for capture. Make sure streams are connected or select specific ones in the widget settings.'
+          ),
     variant: 'error',
     persistent: false,
     maxWidth: '550px',
@@ -350,7 +356,12 @@ watch(isTakingTimedSnapshot, (newValue) => {
   if (newValue) {
     fireTimedSnapshot()
     openSnackbar({
-      message: `Timed snapshot started. This will capture the selected interfaces every ${timedSnapshotInterval.value} seconds until you press the camera button again.`,
+      message: t(
+        'Timed snapshot started. This will capture the selected interfaces every {interval} seconds until you press the camera button again.',
+        {
+          interval: timedSnapshotInterval.value,
+        }
+      ),
       variant: 'info',
       duration: 4000,
     })
@@ -370,7 +381,7 @@ watch(isTakingTimedSnapshot, (newValue) => {
     }, PROGRESS_TICK)
     return
   }
-  openSnackbar({ message: 'Timed snapshot stopped.', variant: 'info', duration: 2000 })
+  openSnackbar({ message: t('Timed snapshot stopped.'), variant: 'info', duration: 2000 })
   if (shotInterval) {
     clearInterval(shotInterval)
     shotInterval = null
diff --git a/src/components/mini-widgets/TakeoffLandCommander.vue b/src/components/mini-widgets/TakeoffLandCommander.vue
index 8cb56db628..2a5fdeb0f3 100644
--- a/src/components/mini-widgets/TakeoffLandCommander.vue
+++ b/src/components/mini-widgets/TakeoffLandCommander.vue
@@ -4,16 +4,19 @@
     @click="vehicleStore.flying ? land() : takeoff()"
   >
     <span class="inline-block font-extrabold text-white align-middle">
-      {{ vehicleStore.flying === undefined ? '...' : vehicleStore.flying ? 'Land' : 'Takeoff' }}
+      {{ vehicleStore.flying === undefined ? '...' : vehicleStore.flying ? $t('Land') : $t('Takeoff') }}
     </span>
   </button>
 </template>
 
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
 import { useSnackbar } from '@/composables/snackbar'
 import { canByPassCategory, EventCategory, slideToConfirm } from '@/libs/slide-to-confirm'
 import { useMainVehicleStore } from '@/stores/mainVehicle'
 
+const { t } = useI18n()
 const vehicleStore = useMainVehicleStore()
 const { openSnackbar } = useSnackbar()
 
@@ -22,7 +25,13 @@ const takeoff = async (): Promise<void> => {
     await slideToConfirm({ command: 'Takeoff' }, canByPassCategory(EventCategory.TAKEOFF))
     await vehicleStore.takeoff()
   } catch (error) {
-    openSnackbar({ message: `Takeoff request failed: ${(error as Error).message}`, variant: 'error', duration: 3000 })
+    openSnackbar({
+      message: t('Takeoff request failed: {error}', {
+        error: (error as Error).message,
+      }),
+      variant: 'error',
+      duration: 3000,
+    })
   }
 }
 
@@ -31,7 +40,11 @@ const land = async (): Promise<void> => {
     await slideToConfirm({ command: 'Land' }, canByPassCategory(EventCategory.LAND))
     await vehicleStore.land()
   } catch (error) {
-    openSnackbar({ message: `Land request failed: ${(error as Error).message}`, variant: 'error', duration: 3000 })
+    openSnackbar({
+      message: t('Land request failed: {error}', { error: (error as Error).message }),
+      variant: 'error',
+      duration: 3000,
+    })
   }
 }
 </script>
diff --git a/src/components/mini-widgets/VeryGenericIndicator.vue b/src/components/mini-widgets/VeryGenericIndicator.vue
index 600485cb61..8e579e6db6 100644
--- a/src/components/mini-widgets/VeryGenericIndicator.vue
+++ b/src/components/mini-widgets/VeryGenericIndicator.vue
@@ -14,7 +14,7 @@
         <span class="text-xl leading-6"> {{ String.fromCharCode(0x20) }} {{ miniWidget.options.variableUnit }} </span>
       </div>
       <span class="w-full text-sm absolute bottom-[0.5rem] whitespace-nowrap text-ellipsis overflow-x-hidden">
-        {{ miniWidget.options.displayName }}
+        {{ translatedDisplayName }}
       </span>
     </div>
   </div>
@@ -32,14 +32,14 @@
             :class="{ 'bg-[#FFFFFF22]': currentTab === 'presets' }"
             @click="currentTab = 'presets'"
           >
-            Presets
+            {{ $t('Presets') }}
           </div>
           <div
             class="px-3 py-1 transition-all rounded-md cursor-pointer select-none text-slate-100 hover:bg-[#FFFFFF33]"
             :class="{ 'bg-[#FFFFFF22]': currentTab === 'custom' }"
             @click="currentTab = 'custom'"
           >
-            Custom
+            {{ $t('Custom') }}
           </div>
         </div>
       </v-card-title>
@@ -47,11 +47,11 @@
       <div v-if="currentTab === 'custom'" class="flex flex-col items-center justify-around">
         <div class="flex w-full gap-x-10">
           <div class="flex flex-col items-center justify-between w-3/4 mt-3">
-            <span class="w-full mb-1 text-sm text-slate-100/50">Display name</span>
+            <span class="w-full mb-1 text-sm text-slate-100/50">{{ $t('Display name') }}</span>
             <input v-model="miniWidget.options.displayName" class="w-full px-2 py-1 rounded-md bg-[#FFFFFF12]" />
           </div>
           <div class="flex flex-col items-center justify-between w-1/4 mt-3">
-            <span class="w-full text-sm text-slate-100/50">Display Width</span>
+            <span class="w-full text-sm text-slate-100/50">{{ $t('Display Width') }}</span>
             <input
               v-model="miniWidget.options.widgetWidth"
               type="number"
@@ -60,14 +60,14 @@
           </div>
         </div>
         <div class="flex flex-col items-center justify-between w-full mt-3">
-          <span class="w-full mb-1 text-sm text-slate-100/50">Variable</span>
+          <span class="w-full mb-1 text-sm text-slate-100/50">{{ $t('Variable') }}</span>
           <div class="relative w-full">
             <button
               class="w-full py-1 pl-2 pr-8 text-left transition-all rounded-md bg-[#FFFFFF12] hover:bg-slate-400"
               @click="showVariableChooseModal = !showVariableChooseModal"
             >
               <p class="text-ellipsis overflow-x-clip">
-                {{ miniWidget.options.variableName || 'Click to choose...' }}
+                {{ miniWidget.options.variableName || $t('Click to choose...') }}
               </p>
             </button>
             <span
@@ -80,7 +80,7 @@
           <div v-if="showVariableChooseModal" class="flex flex-col justify-center w-full mx-1 my-3 align-center">
             <input
               v-model="variableNameSearchString"
-              placeholder="Search variable..."
+              :placeholder="$t('Search variable...')"
               class="w-full px-2 py-1 rounded-md bg-[#FFFFFF12]"
             />
             <div class="grid w-full h-32 grid-cols-1 my-2 overflow-x-hidden overflow-y-scroll">
@@ -103,16 +103,16 @@
             class="mr-2 w-4 h-4 rounded bg-[#FFFFFF12] border-gray-300 focus:ring-blue-500"
           />
           <label for="useStringVariable" class="text-sm text-slate-100/75">
-            Use string variable (don't parse as number)
+            {{ $t("Use string variable (don't parse as number)") }}
           </label>
         </div>
         <div class="flex items-center justify-between w-full mt-2">
           <div class="flex flex-col items-center justify-between w-full mx-5">
-            <span class="w-full mb-1 text-sm text-slate-100/50">Unit</span>
+            <span class="w-full mb-1 text-sm text-slate-100/50">{{ $t('Unit') }}</span>
             <input v-model="miniWidget.options.variableUnit" class="w-full px-2 py-1 rounded-md bg-[#FFFFFF12]" />
           </div>
           <div class="flex flex-col items-center justify-between w-full mx-5">
-            <span class="w-full mb-1 text-sm text-slate-100/50">Multiplier</span>
+            <span class="w-full mb-1 text-sm text-slate-100/50">{{ $t('Multiplier') }}</span>
             <input
               v-model="miniWidget.options.variableMultiplier"
               :disabled="miniWidget.options.useStringVariable"
@@ -121,27 +121,29 @@
             />
           </div>
           <div class="flex flex-col items-center justify-between w-full mx-5">
-            <span class="w-full mb-1 text-sm text-slate-100/50">Decimal Places</span>
+            <span class="w-full mb-1 text-sm text-slate-100/50">{{ $t('Decimal Places') }}</span>
             <input
               v-model="miniWidget.options.decimalPlaces"
               :disabled="miniWidget.options.useStringVariable"
               type="number"
               min="0"
               max="5"
-              placeholder="Auto-formatting"
+              :placeholder="$t('Auto-formatting')"
               class="w-full px-2 py-1 rounded-md bg-[#FFFFFF12] disabled:cursor-not-allowed"
               :class="{ 'opacity-50': miniWidget.options.useStringVariable }"
             />
           </div>
         </div>
         <div class="flex flex-col items-center justify-between w-full mt-3">
-          <span class="w-full mb-1 text-sm text-slate-100/50">Icon</span>
+          <span class="w-full mb-1 text-sm text-slate-100/50">{{ $t('Icon') }}</span>
           <div class="relative w-full">
             <button
               class="w-full py-1 pl-2 pr-8 text-left transition-all rounded-md bg-[#FFFFFF12] hover:bg-slate-400"
               @click="showIconChooseModal = !showIconChooseModal"
             >
-              <p class="text-ellipsis overflow-x-clip">{{ miniWidget.options.iconName || 'Click to choose...' }}</p>
+              <p class="text-ellipsis overflow-x-clip">
+                {{ miniWidget.options.iconName || $t('Click to choose...') }}
+              </p>
             </button>
             <span
               class="absolute right-0.5 m-1 text-2xl -translate-y-1 cursor-pointer text-slate-500 mdi"
@@ -155,7 +157,7 @@
               <input
                 v-model="iconSearchString"
                 class="w-full px-2 py-1 rounded-md bg-[#FFFFFF12]"
-                placeholder="Search icons..."
+                :placeholder="$t('Search icons...')"
               />
             </div>
             <RecycleScroller
@@ -211,7 +213,9 @@
             <span class="text-xl font-semibold leading-6 w-fit">
               {{ round(Math.random() * Number(template.variableMultiplier)).toFixed(0) }} {{ template.variableUnit }}
             </span>
-            <span class="w-full text-sm font-semibold leading-4 whitespace-nowrap">{{ template.displayName }}</span>
+            <span class="w-full text-sm font-semibold leading-4 whitespace-nowrap">{{
+              translateIndicatorName(template.displayName)
+            }}</span>
           </div>
         </div>
       </div>
@@ -223,6 +227,7 @@
 import { useElementSize, watchThrottled } from '@vueuse/core'
 import Fuse from 'fuse.js'
 import { computed, onBeforeMount, onMounted, ref, toRefs, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useInteractionDialog } from '@/composables/interactionDialog'
 import {
@@ -240,6 +245,27 @@ import type { MiniWidget } from '@/types/widgets'
 
 const { showDialog } = useInteractionDialog()
 const interfaceStore = useAppInterfaceStore()
+const { t } = useI18n()
+
+// Translation mapping for indicator display names
+const translateIndicatorName = (displayName: string): string => {
+  const nameMap: Record<string, string> = {
+    'Cam Tilt': t('Cam Tilt'),
+    'Cam Pan': t('Cam Pan'),
+    'Water Temp': t('Water Temp'),
+    'Tether Turns': t('Tether Turns'),
+    'Lights (1)': t('Lights (1)'),
+    'Lights (2)': t('Lights (2)'),
+    'Pilot Gain': t('Pilot Gain'),
+    'Input Hold': t('Input Hold'),
+    'Roll Pitch': t('Roll Pitch'),
+    'Altitude': t('Altitude'),
+    'Depth': t('Depth'),
+    'Speed (GPS)': t('Speed (GPS)'),
+    'sats': t('sats'),
+  }
+  return nameMap[displayName] || displayName
+}
 
 const props = defineProps<{
   /**
@@ -249,6 +275,11 @@ const props = defineProps<{
 }>()
 const miniWidget = toRefs(props).miniWidget
 
+// Computed property to get the translated display name
+const translatedDisplayName = computed(() => {
+  return translateIndicatorName(miniWidget.value.options.displayName || '')
+})
+
 onBeforeMount(() => {
   if (Object.keys(miniWidget.value.options).length === 0) {
     Object.assign(miniWidget.value.options, {
diff --git a/src/components/mini-widgets/ViewSelector.vue b/src/components/mini-widgets/ViewSelector.vue
index 4baa9b71e5..0973f69306 100644
--- a/src/components/mini-widgets/ViewSelector.vue
+++ b/src/components/mini-widgets/ViewSelector.vue
@@ -1,19 +1,58 @@
 <template>
   <div :class="{ 'pointer-events-none': widgetStore.editingMode }">
     <Dropdown
-      name-key="name"
-      :model-value="widgetStore.currentView"
-      :options="widgetStore.currentProfile.views.filter((v) => v.visible)"
+      name-key="translatedName"
+      :model-value="currentViewWithTranslation"
+      :options="viewsWithTranslation"
       class="min-w-[128px]"
-      @update:model-value="widgetStore.selectView"
+      @update:model-value="handleViewChange"
     />
   </div>
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+
 import { useWidgetManagerStore } from '@/stores/widgetManager'
 
 import Dropdown from '../Dropdown.vue'
 
 const widgetStore = useWidgetManagerStore()
+const { t } = useI18n()
+
+const translateViewName = (viewName: string): string => {
+  const nameMap: Record<string, string> = {
+    'Video View': t('Video View'),
+    'Map View': t('Map View'),
+    'HUD View': t('HUD View'),
+    'Map view': t('Map View'), // Handle lowercase variant
+  }
+  return nameMap[viewName] || viewName
+}
+
+const viewsWithTranslation = computed(() => {
+  return widgetStore.currentProfile.views
+    .filter((v) => v.visible)
+    .map((v) => ({
+      ...v,
+      translatedName: translateViewName(v.name),
+    }))
+})
+
+const currentViewWithTranslation = computed(() => {
+  const currentView = widgetStore.currentView
+  return {
+    ...currentView,
+    translatedName: translateViewName(currentView.name),
+  }
+})
+
+const handleViewChange = (newView: any): void => {
+  // Find the original view object by matching the hash
+  const originalView = widgetStore.currentProfile.views.find((v) => v.hash === newView.hash)
+  if (originalView) {
+    widgetStore.selectView(originalView)
+  }
+}
 </script>
diff --git a/src/components/mission-planning/CommandInputForm.vue b/src/components/mission-planning/CommandInputForm.vue
index cadd2ccc52..8ecfa2e2e4 100644
--- a/src/components/mission-planning/CommandInputForm.vue
+++ b/src/components/mission-planning/CommandInputForm.vue
@@ -3,7 +3,7 @@
     <div class="flex flex-col px-3 my-2 bg-[#EEEEEE22] text-white rounded-md">
       <!-- Command Type Selection -->
       <div class="flex flex-col w-full justify-between items-center text-[12px] border-b border-white/10 py-2">
-        <p class="w-full text-center">Type</p>
+        <p class="w-full text-center">{{ t('Command type') }}</p>
         <v-select
           v-model="selectedCommandType"
           :items="commandTypeOptions"
@@ -20,7 +20,7 @@
 
       <!-- MAVLink Command Selection -->
       <div v-if="selectedCommandType" class="flex flex-col w-full justify-between items-center text-[12px] py-2">
-        <p class="w-full text-center">Command</p>
+        <p class="w-full text-center">{{ t('Command') }}</p>
         <v-select
           v-model="selectedMavCommand"
           :items="availableMavCommands"
@@ -38,7 +38,7 @@
       <!-- Parameter Inputs -->
       <div v-if="selectedMavCommand" class="flex flex-col">
         <v-divider class="border-black w-full" />
-        <div class="text-[11px] font-semibold text-center py-2">Parameters</div>
+        <div class="text-[11px] font-semibold text-center py-2">{{ t('Parameters') }}</div>
 
         <!-- Nav Command Parameters (4 params) -->
         <template v-if="selectedCommandType === MissionCommandType.MAVLINK_NAV_COMMAND">
@@ -48,7 +48,7 @@
             class="flex w-full gap-x-4 justify-between items-center text-[11px]"
             :class="{ 'border-b border-white/10': paramNum < 4 }"
           >
-            <p class="w-[80px] text-start opacity-75">Param {{ paramNum }}:</p>
+            <p class="w-[80px] text-start opacity-75">{{ t('Param') }} {{ paramNum }}:</p>
             <div class="flex w-full pr-2 h-[28px] items-center">
               <v-text-field
                 v-model.number="commandParams[`param${paramNum}`]"
@@ -72,7 +72,8 @@
             :class="{ 'border-b border-white/10': paramNum < 7 }"
           >
             <p class="w-[120px] text-start opacity-75">
-              Param {{ paramNum }} {{ paramNum === 5 ? '(x)' : paramNum === 6 ? '(y)' : paramNum === 7 ? '(z)' : '' }}:
+              {{ t('Param') }} {{ paramNum }}
+              {{ paramNum === 5 ? '(x)' : paramNum === 6 ? '(y)' : paramNum === 7 ? '(z)' : '' }}:
             </p>
             <div class="flex w-full pr-2 h-[28px] items-center">
               <v-text-field
@@ -93,9 +94,9 @@
 
       <!-- Action Buttons -->
       <div class="flex w-full justify-between py-2">
-        <v-btn size="small" variant="outlined" @click="cancelCommand"> Cancel </v-btn>
+        <v-btn size="small" variant="outlined" @click="cancelCommand"> {{ t('Cancel') }} </v-btn>
         <v-btn v-if="selectedMavCommand" size="small" variant="outlined" @click="addCommand">
-          {{ isEditing ? 'Update' : 'Add' }}
+          {{ isEditing ? t('Update') : t('Add') }}
         </v-btn>
       </div>
     </div>
@@ -104,6 +105,7 @@
 
 <script setup lang="ts">
 import { computed, reactive, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { MavCmd } from '@/libs/connection/m2r/messages/mavlink2rest-enum'
 import { MissionCommand, MissionCommandType } from '@/types/mission'
@@ -124,6 +126,8 @@ const emit = defineEmits<{
   (event: 'cancel'): void
 }>()
 
+const { t } = useI18n()
+
 const selectedCommandType = ref<MissionCommandType | null>(null)
 const selectedMavCommand = ref<MavCmd | null>(null)
 
@@ -138,13 +142,26 @@ const commandParams = reactive<Record<string, number>>({
 })
 
 const commandTypeOptions = [
-  { name: 'MAVLink Navigation Command', value: MissionCommandType.MAVLINK_NAV_COMMAND },
-  { name: 'MAVLink Non-Navigation Command', value: MissionCommandType.MAVLINK_NON_NAV_COMMAND },
+  { name: t('MAVLink Navigation Command'), value: MissionCommandType.MAVLINK_NAV_COMMAND },
+  { name: t('MAVLink Non-Navigation Command'), value: MissionCommandType.MAVLINK_NON_NAV_COMMAND },
 ]
 
 // Helper function to convert MAV_CMD enum to display name
 const formatCommandName = (command: string): string => {
-  return command.replace('MAV_CMD_', '').replace('NAV_', ' ')
+  // Remove MAV_CMD_ and NAV_ prefixes
+  let simpleName = command.replace('MAV_CMD_NAV_', '').replace('MAV_CMD_', '')
+
+  // Try to get translation from the map
+  const translationKey = `missionPlanning.mavCommands.${simpleName}`
+  if (t(translationKey) !== translationKey) {
+    return t(translationKey)
+  }
+
+  // Fallback: format the name nicely (replace underscores with spaces and title case)
+  return simpleName
+    .split('_')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+    .join(' ')
 }
 
 // Generate command options from MavCmd enum
diff --git a/src/components/mission-planning/ContextMenu.vue b/src/components/mission-planning/ContextMenu.vue
index 06ecfb7dc3..50cb873479 100644
--- a/src/components/mission-planning/ContextMenu.vue
+++ b/src/components/mission-planning/ContextMenu.vue
@@ -17,7 +17,7 @@
       </div>
 
       <div id="button-1" class="orbit-button orbit-button-1">
-        <v-tooltip :text="'Create survey'">
+        <v-tooltip :text="t('CREATE SURVEY')">
           <template #activator="{ props: tooltipProps0 }">
             <v-btn
               v-bind="tooltipProps0"
@@ -36,7 +36,7 @@
       </div>
 
       <div id="button-2" class="orbit-button orbit-button-2">
-        <v-tooltip :text="'Add simple path'">
+        <v-tooltip :text="t('ADD SIMPLE PATH')">
           <template #activator="{ props: tooltipProps1 }">
             <v-btn
               v-bind="tooltipProps1"
@@ -53,7 +53,7 @@
         </v-tooltip>
       </div>
       <div id="button-3" class="orbit-button orbit-button-3">
-        <v-tooltip text="Swap start and end point of the survey">
+        <v-tooltip :text="t('Swap start and end point of the survey')">
           <template #activator="{ props: tooltipProps2 }">
             <v-btn
               v-bind="tooltipProps2"
@@ -70,7 +70,7 @@
         </v-tooltip>
       </div>
       <div v-if="enableUndo" id="button-4" class="orbit-button orbit-button-4">
-        <v-tooltip text="Edit survey's polygon">
+        <v-tooltip :text="t('Edit survey polygon')">
           <template #activator="{ props: tooltipProps3 }">
             <v-btn
               v-bind="tooltipProps3"
@@ -87,7 +87,7 @@
           </template>
         </v-tooltip>
       </div>
-      <v-tooltip text="Delete survey">
+      <v-tooltip :text="t('Delete survey')">
         <template #activator="{ props: tooltipProps3 }">
           <div
             v-bind="tooltipProps3"
@@ -124,7 +124,7 @@
             color="white"
             class="text-[18px]"
           ></v-icon>
-          <span class="text-white text-sm ml-4">Add waypoint here</span>
+          <span class="text-white text-sm ml-4">{{ t('Add waypoint here') }}</span>
         </v-list-item>
         <v-divider />
         <v-list-item class="flex items-center gap-x-2 pb-2" @click="handleToggleSurvey">
@@ -160,7 +160,7 @@
             color="white"
             class="text-[16px]"
           ></v-icon>
-          <span class="text-white text-sm ml-4">Place point of interest</span>
+          <span class="text-white text-sm ml-4">{{ t('Place Point of Interest') }}</span>
         </v-list-item>
         <v-divider />
         <v-list-item class="flex items-center gap-x-2 pb-2" @click="handleSetHomePosition">
@@ -172,7 +172,7 @@
             color="white"
             class="text-[16px]"
           ></v-icon>
-          <span class="text-white text-sm ml-4">Set home waypoint</span>
+          <span class="text-white text-sm ml-4">{{ t('Set home waypoint') }}</span>
         </v-list-item>
         <v-divider />
         <v-list-item class="flex items-center gap-x-2 pb-2" @click="handleClearVehiclePathHistory">
@@ -184,7 +184,7 @@
             color="white"
             class="text-[16px]"
           ></v-icon>
-          <span class="text-white text-sm ml-4">Clear vehicle path history</span>
+          <span class="text-white text-sm ml-4">{{ t('Clear vehicle path history') }}</span>
         </v-list-item>
       </div>
     </div>
@@ -195,10 +195,12 @@
       :style="[interfaceStore.globalGlassMenuStyles, { background: '#333333EE', border: '1px solid #FFFFFF44' }]"
     >
       <div class="flex justify-between items-center pt-1 pb-2 px-2">
-        <p class="text-[14px]">Waypoint {{ missionStore.getWaypointNumber(selectedWaypoint?.id as string) }}</p>
+        <p class="text-[14px]">
+          {{ t('Waypoint') }} {{ missionStore.getWaypointNumber(selectedWaypoint?.id as string) }}
+        </p>
         <div>
           <v-icon
-            v-tooltip="'Set home waypoint'"
+            v-tooltip="t('Set home waypoint')"
             variant="text"
             icon="mdi-home-map-marker"
             rounded="full"
@@ -208,7 +210,7 @@
             @click="handleSetHomePosition"
           ></v-icon>
           <v-icon
-            v-tooltip="'Delete waypoint'"
+            v-tooltip="t('Delete waypoint')"
             variant="text"
             icon="mdi-trash-can"
             rounded="full"
@@ -218,7 +220,7 @@
             @click="handleRemoveWaypoint"
           ></v-icon>
           <v-icon
-            v-tooltip="'Edit waypoint'"
+            v-tooltip="t('Edit waypoint')"
             :disabled="interfaceStore.isConfigPanelVisible"
             variant="text"
             icon="mdi-pencil"
@@ -238,17 +240,17 @@
         class="flex flex-col justify-center w-full items-center py-1 px-2 bg-[#EEEEEE] text-black rounded-bl-md rounded-br-md"
       >
         <div class="flex w-full gap-x-4 justify-between text-[10px] py-[1px] text-center mb-[2px]">
-          <p>Lat.:</p>
+          <p>{{ $t('Lat.:') }}</p>
           <p>{{ waypointOnMissionStore?.coordinates[0].toFixed(7) }}</p>
         </div>
         <v-divider class="border-black w-full" />
         <div class="flex w-full gap-x-4 justify-between text-[10px] py-[1px] text-center">
-          <p>Long.:</p>
+          <p>{{ $t('Long.:') }}</p>
           <p>{{ waypointOnMissionStore?.coordinates[1].toFixed(7) }}</p>
         </div>
         <v-divider class="border-black w-full" />
         <div class="flex w-full gap-x-4 justify-between text-[10px] py-[1px] text-center">
-          <p>Altitude:</p>
+          <p>{{ $t('Altitude:') }}</p>
           <p>{{ waypointOnMissionStore?.altitude }}</p>
         </div>
       </div>
@@ -258,6 +260,7 @@
 
 <script setup lang="ts">
 import { computed, defineEmits, defineProps, nextTick, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import ScanDirectionDial from '@/components/mission-planning/ScanDirectionDial.vue'
 import { useAppInterfaceStore } from '@/stores/appInterface'
@@ -267,6 +270,7 @@ import { ContextMenuTypes, Survey, Waypoint } from '@/types/mission'
 const missionStore = useMissionStore()
 const interfaceStore = useAppInterfaceStore()
 const menuEl = ref<HTMLElement | null>(null)
+const { t } = useI18n()
 
 /* eslint-disable jsdoc/require-jsdoc */
 const props = defineProps<{
@@ -339,12 +343,12 @@ const waypointOnMissionStore = computed(() =>
 
 const surveyCreationButtonText = computed(() => {
   if (props.isCreatingSurvey) {
-    return 'Close survey creation'
+    return t('Close survey creation')
   }
   if (props.surveys.length === 0) {
-    return 'Create survey'
+    return t('CREATE SURVEY')
   }
-  return 'Add survey'
+  return t('ADD SURVEY')
 })
 
 const handleAddWaypointAtCursor = (): void => {
@@ -354,12 +358,12 @@ const handleAddWaypointAtCursor = (): void => {
 
 const pathCreationButtonText = computed(() => {
   if (props.isCreatingSimplePath) {
-    return 'Close simple path creation'
+    return t('Close simple path creation')
   }
   if (props.surveys.length === 0) {
-    return 'Create simple path'
+    return t('CREATE SIMPLE PATH')
   }
-  return 'Add simple path'
+  return t('ADD SIMPLE PATH')
 })
 
 const handleClose = (): void => {
diff --git a/src/components/mission-planning/HomePositionSettingHelp.vue b/src/components/mission-planning/HomePositionSettingHelp.vue
index 589c8d4cfa..568dea89f1 100644
--- a/src/components/mission-planning/HomePositionSettingHelp.vue
+++ b/src/components/mission-planning/HomePositionSettingHelp.vue
@@ -1,16 +1,16 @@
 <template>
   <v-dialog :model-value="modelValue" max-width="560px">
     <v-card :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="font-weight-bold py-4 text-center"> Home waypoint position not set </v-card-title>
+      <v-card-title class="font-weight-bold py-4 text-center">
+        {{ $t('Home waypoint not set') }}
+      </v-card-title>
       <v-card-text class="px-12">
         <div class="flex flex-col items-center gap-4">
           <div class="rounded w-[260px] h-auto border-[#FFFFFF22] border-2 elevation-2">
             <img :src="helpGif" alt="Animated help" class="self-center" />
           </div>
           <p class="text-m mt-2 text-justify">
-            Please set the home waypoint position using the context menu on the map. The home waypoint position is used
-            to determine the position where the vehicle will return to when the mission is completed or when the vehicle
-            is in a fail-safe state.
+            {{ $t('The home waypoint is used as the starting point for the mission') }}
           </p>
         </div>
       </v-card-text>
@@ -18,7 +18,7 @@
       <v-card-actions>
         <div class="flex justify-between items-center pa-2 w-full h-full">
           <div />
-          <v-btn color="white" variant="text" @click="closeDialog">Close</v-btn>
+          <v-btn color="white" variant="text" @click="closeDialog">{{ $t('Close') }}</v-btn>
         </div>
       </v-card-actions>
     </v-card>
diff --git a/src/components/mission-planning/MissionEstimates.vue b/src/components/mission-planning/MissionEstimates.vue
index 284431d6fb..28b1540e79 100644
--- a/src/components/mission-planning/MissionEstimates.vue
+++ b/src/components/mission-planning/MissionEstimates.vue
@@ -4,7 +4,7 @@
     class="absolute right-4 bottom-36 rounded-[10px] px-3 py-2"
     :style="[interfaceStore.globalGlassMenuStyles, { width: '250px' }]"
   >
-    <p class="text-sm font-semibold mb-[6px]">Mission estimates</p>
+    <p class="text-sm font-semibold mb-[6px]">{{ $t('Mission estimates') }}</p>
     <v-divider class="mb-2" />
     <v-icon
       icon="mdi-eye-off-outline"
@@ -22,29 +22,34 @@
     />
     <div class="text-xs leading-6">
       <div class="flex justify-between">
-        <span>Length</span><span>{{ totalMissionLength }}</span>
+        <span>{{ $t('Length') }}</span
+        ><span>{{ totalMissionLength }}</span>
       </div>
       <div class="flex justify-between">
-        <span>ETA</span><span>{{ missionDuration }}</span>
+        <span>{{ $t('ETA') }}</span
+        ><span>{{ missionDuration }}</span>
       </div>
       <div class="flex justify-between">
-        <span>Energy</span><span>{{ missionEnergy }}</span>
+        <span>{{ $t('Energy') }}</span
+        ><span>{{ missionEnergy }}</span>
       </div>
       <div v-if="totalSurveyCoverage !== '—'" class="flex justify-between">
-        <span>Total survey coverage</span><span>{{ totalSurveyCoverage }}</span>
+        <span>{{ $t('Total survey coverage') }}</span
+        ><span>{{ totalSurveyCoverage }}</span>
       </div>
       <div v-if="missionCoverage !== '—'" class="flex justify-between">
-        <span>Mission area (≈)</span><span>{{ missionCoverage }}</span>
+        <span>{{ $t('Mission area (≈)') }}</span
+        ><span>{{ missionCoverage }}</span>
       </div>
     </div>
   </div>
   <v-dialog v-model="isSettingsOpen" persistent max-width="500px">
     <v-card :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="text-lg text-center font-semibold">Mission Statistics Settings</v-card-title>
+      <v-card-title class="text-lg text-center font-semibold">{{ $t('Mission Statistics Settings') }}</v-card-title>
       <v-icon icon="mdi-close" class="absolute top-3 right-3" @click="isSettingsOpen = false" />
       <v-card-text>
         <div class="mb-6">
-          <label class="block text-sm font-medium mb-1">Extra payload (kg)</label>
+          <label class="block text-sm font-medium mb-1">{{ $t('Extra payload (kg)') }}</label>
           <v-text-field
             v-model="vehicleStore.vehiclePayloadParameters.extraPayloadKg"
             theme="dark"
@@ -55,11 +60,11 @@
             hide-details
             class="w-full border"
           />
-          <p class="text-[11px] opacity-70 mt-1">Mass added to the vehicle besides batteries and hull.</p>
+          <p class="text-[11px] opacity-70 mt-1">{{ $t('Mass added to the vehicle besides batteries and hull.') }}</p>
         </div>
 
         <div class="mb-4">
-          <label class="block text-sm font-medium mb-1">Battery type</label>
+          <label class="block text-sm font-medium mb-1">{{ $t('Battery type') }}</label>
           <v-select
             v-model="vehicleStore.vehiclePayloadParameters.batteryChemistry"
             theme="dark"
@@ -70,10 +75,10 @@
             hide-details
             class="w-full border"
           />
-          <p class="text-[11px] opacity-70 mt-1">Li-ion (≈5 g/Wh), Li-Po (≈6 g/Wh), LiFePO₄ (≈9 g/Wh).</p>
+          <p class="text-[11px] opacity-70 mt-1">{{ $t('Li-ion (≈5 g/Wh), Li-Po (≈6 g/Wh), LiFePO₄ (≈9 g/Wh).') }}</p>
         </div>
         <div class="mb-4">
-          <label class="block text-sm font-medium mb-1">Battery bank capacity (Watt-hours)</label>
+          <label class="block text-sm font-medium mb-1">{{ $t('Battery bank capacity (Watt-hours)') }}</label>
           <v-text-field
             v-model="vehicleStore.vehiclePayloadParameters.batteryCapacity"
             theme="dark"
@@ -85,35 +90,35 @@
             class="w-full border"
           />
           <p class="text-[11px] opacity-70 mt-1">
-            Total capacity from the vehicle batteries. Affects mass and power estimate.
+            {{ $t('Total capacity from the vehicle batteries. Affects mass and power estimate.') }}
           </p>
         </div>
         <div class="mb-4">
           <v-checkbox
             v-model="vehicleStore.vehiclePayloadParameters.hasHighDragSensor"
-            label="Vehicle has a submerged probe (e.g. Ping1D sonar)"
+            :label="$t('Vehicle has a submerged probe (e.g. Ping1D sonar)')"
             theme="dark"
             density="compact"
             hide-details
             class="w-full"
           />
           <p class="text-[11px] opacity-70 mt-1">
-            Submerged probes affect drag and consequently, the power consumption estimates.
+            {{ $t('Submerged probes affect drag and consequently, the power consumption estimates.') }}
           </p>
         </div>
       </v-card-text>
       <v-divider class="mx-8" />
       <v-card-actions>
         <div class="flex justify-between w-full pa-1">
-          <v-btn color="white" @click="isAboutMessageOpen = true">about the estimates</v-btn>
-          <v-btn color="white" @click="isSettingsOpen = false">Close</v-btn>
+          <v-btn color="white" @click="isAboutMessageOpen = true">{{ $t('About the estimates') }}</v-btn>
+          <v-btn color="white" @click="isSettingsOpen = false">{{ $t('Close') }}</v-btn>
         </div>
       </v-card-actions>
     </v-card>
   </v-dialog>
   <v-dialog v-model="isAboutMessageOpen" persistent max-width="600px">
     <v-card :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="text-lg text-center font-semibold">About the estimates</v-card-title>
+      <v-card-title class="text-lg text-center font-semibold">{{ $t('About the estimates') }}</v-card-title>
       <v-icon icon="mdi-close" class="absolute top-3 right-3" @click="isAboutMessageOpen = false" />
       <v-card-text class="text-sm">
         <p class="mb-4">
@@ -140,7 +145,7 @@
       <v-divider class="mx-8" />
       <v-card-actions>
         <div class="flex justify-end w-full pa-1">
-          <v-btn color="white" @click="isAboutMessageOpen = false">Close</v-btn>
+          <v-btn color="white" @click="isAboutMessageOpen = false">{{ $t('Close') }}</v-btn>
         </div>
       </v-card-actions>
     </v-card>
@@ -149,6 +154,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { openSnackbar } from '@/composables/snackbar'
 import { useMissionEstimates } from '@/composables/useMissionEstimates'
@@ -156,6 +162,7 @@ import { MavType } from '@/libs/connection/m2r/messages/mavlink2rest-enum'
 import { useAppInterfaceStore } from '@/stores/appInterface'
 import { useMainVehicleStore } from '@/stores/mainVehicle'
 
+const { t: $t } = useI18n()
 defineProps<{
   /**
    * Whether the mission estimates panel is visible
diff --git a/src/components/mission-planning/ScanDirectionDial.vue b/src/components/mission-planning/ScanDirectionDial.vue
index 4c109a0d42..22f6e00f62 100644
--- a/src/components/mission-planning/ScanDirectionDial.vue
+++ b/src/components/mission-planning/ScanDirectionDial.vue
@@ -17,8 +17,8 @@
       </div>
       <div class="w-[150px] ml-auto">
         <div v-show="hovering" class="flex flex-col items-center justify-center text-white mr-[14px] mt-[10px]">
-          <p class="text-xs -mb-1">Scan</p>
-          <p class="text-xs -mb-1">Direction</p>
+          <p class="text-xs -mb-1">{{ $t('Scan') }}</p>
+          <p class="text-xs -mb-1">{{ $t('Direction') }}</p>
           <p class="font-bold text-[30px] text-center text-[#FFFF00]">
             {{ getCardinalDirection(rotationAngle || 0) }}
           </p>
diff --git a/src/components/mission-planning/SurveyVertexList.vue b/src/components/mission-planning/SurveyVertexList.vue
index 1812e618ec..d3d1149c1a 100644
--- a/src/components/mission-planning/SurveyVertexList.vue
+++ b/src/components/mission-planning/SurveyVertexList.vue
@@ -13,7 +13,7 @@
       :is-expanded="true"
     >
       <template #title>
-        <p class="ml-10 text-center text-[13px] font-normal">Survey Polygon Vertices</p>
+        <p class="ml-10 text-center text-[13px] font-normal">{{ $t('Survey polygon vertices') }}</p>
       </template>
       <template #content>
         <div class="flex flex-col gap-y-1 p-2 overflow-y-auto max-h-[calc(100vh-150px)]">
@@ -23,7 +23,7 @@
             class="flex flex-col bg-[#EEEEEE11] py-1 px-2 rounded-md mb-1"
           >
             <div class="flex justify-between items-center">
-              <span class="text-[11px] font-bold opacity-80">Vertex {{ index + 1 }}</span>
+              <span class="text-[11px] font-bold opacity-80">{{ $t('Vertex {number}', { number: index + 1 }) }}</span>
               <v-btn
                 icon="mdi-delete"
                 size="x-small"
@@ -35,7 +35,7 @@
             <v-divider class="border-white opacity-10 w-full my-1" />
             <div class="flex flex-col justify-center w-full items-center text-white">
               <div class="flex w-full gap-x-4 my-[2px] justify-between text-[11px] text-center">
-                <p class="w-[50px] text-start opacity-70">Latitude:</p>
+                <p class="w-[50px] text-start opacity-70">{{ $t('Latitude:') }}</p>
                 <input
                   type="number"
                   step="0.000001"
@@ -46,7 +46,7 @@
                 <p class="w-[10px] opacity-70">°</p>
               </div>
               <div class="flex w-full gap-x-4 my-[2px] justify-between text-[11px] text-center">
-                <p class="w-[50px] text-start opacity-70">Longitude:</p>
+                <p class="w-[50px] text-start opacity-70">{{ $t('Longitude:') }}</p>
                 <input
                   type="number"
                   step="0.000001"
@@ -66,10 +66,12 @@
 
 <script setup lang="ts">
 import L from 'leaflet'
+import { useI18n } from 'vue-i18n'
 
 import ExpansiblePanel from '@/components/ExpansiblePanel.vue'
 import { useAppInterfaceStore } from '@/stores/appInterface'
 
+const { t: $t } = useI18n()
 const interfaceStore = useAppInterfaceStore()
 
 const props = defineProps<{
diff --git a/src/components/mission-planning/WaypointConfigPanel.vue b/src/components/mission-planning/WaypointConfigPanel.vue
index 9e391e7a75..7454c469e5 100644
--- a/src/components/mission-planning/WaypointConfigPanel.vue
+++ b/src/components/mission-planning/WaypointConfigPanel.vue
@@ -14,7 +14,7 @@
     >
       <template #title>
         <p class="ml-10 text-center text-[13px] font-normal">
-          {{ selectedWaypoint.id === 'home' ? 'Home' : `Waypoint parameters` }}
+          {{ selectedWaypoint.id === 'home' ? t('Home') : t('Waypoint parameters') }}
         </p>
       </template>
       <template #content>
@@ -23,7 +23,7 @@
           class="flex flex-col justify-center w-full items-center py-1 px-2 my-2 bg-[#EEEEEE22] text-white rounded-bl-md rounded-br-md"
         >
           <div class="flex w-full gap-x-4 my-[4px] justify-between text-[12px] text-center mb-[2px]">
-            <p class="w-[50px] text-start">Latitude:</p>
+            <p class="w-[50px] text-start">{{ t('Latitude') }}</p>
             <input
               :value="editableLat"
               class="text-right w-[130px] mt-[2px] bg-transparent h-[15px] border-transparent focus:outline-none text-xs"
@@ -33,7 +33,7 @@
           </div>
           <v-divider class="border-black w-full" />
           <div class="flex w-full gap-x-4 my-[4px] justify-between text-[12px] text-center pt-[1px]">
-            <p class="w-[50px] text-start">Longitude:</p>
+            <p class="w-[50px] text-start">{{ t('Longitude') }}</p>
             <input
               :value="editableLng"
               class="text-right w-[130px] mt-[2px] bg-transparent h-[15px] border-transparent focus:outline-none text-xs"
@@ -43,7 +43,7 @@
           </div>
           <v-divider class="border-black w-full" />
           <div class="flex w-full gap-x-4 h-[30px] justify-between items-center text-[12px] text-center">
-            <p class="w-[140px] text-start">Altitude:</p>
+            <p class="w-[140px] text-start">{{ t('Altitude') }}</p>
             <div class="flex w-full pr-2 h-[35px] items-center">
               <v-text-field
                 v-model="waypointOnMissionStore.altitude"
@@ -58,7 +58,7 @@
           </div>
           <v-divider class="border-black w-full" />
           <div class="flex w-full gap-x-4 h-[30px] justify-between items-center text-[12px] text-center">
-            <p class="w-[80px] mt-1 text-start">MAVFrame:</p>
+            <p class="w-[80px] mt-1 text-start">{{ t('MAV Frame') }}</p>
             <v-select
               v-model="waypointOnMissionStore.altitudeReferenceType"
               :items="availableFrames"
@@ -89,7 +89,7 @@
     >
       <template #title>
         <p class="ml-4 text-center text-[13px] font-normal">
-          Waypoint Commands ({{ waypointOnMissionStore?.commands?.length || 0 }})
+          {{ t('Waypoint commands') }} ({{ waypointOnMissionStore?.commands?.length || 0 }})
         </p>
       </template>
       <template #content>
@@ -104,10 +104,10 @@
               <div class="flex justify-between items-center">
                 <div class="flex flex-col gap-1 max-w-[80%]">
                   <p class="text-[11px] font-semibold overflow-hidden text-ellipsis whitespace-nowrap">
-                    {{ command.command }}
+                    {{ translateCommandName(command.command) }}
                   </p>
                   <p class="text-[10px] opacity-75 overflow-hidden text-ellipsis whitespace-nowrap">
-                    {{ command.type }}
+                    {{ translateCommandType(command.type) }}
                   </p>
                   <div class="text-[10px] grid grid-cols-2 gap-1">
                     <span v-if="command.type === MissionCommandType.MAVLINK_NAV_COMMAND">
@@ -149,7 +149,7 @@
             prepend-icon="mdi-plus"
             @click="showCommandForm = true"
           >
-            Append New Command
+            {{ t('Append new command') }}
           </v-btn>
 
           <!-- Command Input Form -->
@@ -172,13 +172,14 @@
         prepend-icon="mdi-delete"
         @click="handleRemoveWaypoint(selectedWaypoint)"
       >
-        Delete waypoint
+        {{ t('Delete waypoint') }}
       </v-btn>
     </div>
   </div>
 </template>
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import ExpansiblePanel from '@/components/ExpansiblePanel.vue'
 import CommandInputForm from '@/components/mission-planning/CommandInputForm.vue'
@@ -194,6 +195,7 @@ import {
 
 const interfaceStore = useAppInterfaceStore()
 const missionStore = useMissionStore()
+const { t } = useI18n()
 
 const props = defineProps<{
   /**
@@ -235,11 +237,46 @@ const handleRemoveWaypoint = (waypoint: Waypoint): void => {
   emit('shouldUpdateWaypoints')
 }
 
+const translateAltitudeRefType = (type: AltitudeReferenceType): string => {
+  const translationMap: Record<AltitudeReferenceType, string> = {
+    [AltitudeReferenceType.ABSOLUTE_RELATIVE_TO_MSL]: t('Absolute (relative to mean sea level)'),
+    [AltitudeReferenceType.RELATIVE_TO_HOME]: t('Relative to home'),
+    [AltitudeReferenceType.RELATIVE_TO_TERRAIN]: t('Relative to terrain'),
+  }
+  return translationMap[type] || type
+}
+
 const availableFrames = Object.values(AltitudeReferenceType).map((value: AltitudeReferenceType) => ({
-  name: value,
+  name: translateAltitudeRefType(value),
   value,
 }))
 
+const translateCommandName = (commandName: string): string => {
+  // Remove MAV_CMD_NAV_ and MAV_CMD_ prefixes
+  let simpleName = commandName.replace('MAV_CMD_NAV_', '').replace('MAV_CMD_', '')
+
+  // Try to get translation from the map
+  const translationKey = `missionPlanning.mavCommands.${simpleName}`
+  if (t(translationKey) !== translationKey) {
+    return t(translationKey)
+  }
+
+  // Fallback: return the simplified name
+  return simpleName
+    .split('_')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+    .join(' ')
+}
+
+const translateCommandType = (type: MissionCommandType): string => {
+  if (type === MissionCommandType.MAVLINK_NAV_COMMAND) {
+    return t('MAVLink Navigation Command')
+  } else if (type === MissionCommandType.MAVLINK_NON_NAV_COMMAND) {
+    return t('MAVLink Non-Navigation Command')
+  }
+  return type
+}
+
 const onLatInput = (event: Event): void => {
   const input = event.target as HTMLInputElement
   editableLat.value = input.value
diff --git a/src/components/poi/PoiManager.vue b/src/components/poi/PoiManager.vue
index 4b48ad8f0e..b6eefef30b 100644
--- a/src/components/poi/PoiManager.vue
+++ b/src/components/poi/PoiManager.vue
@@ -1,7 +1,7 @@
 <template>
   <InteractionDialog
     v-model="poiDialogVisible"
-    :title="`${editingPoiId ? 'Edit' : 'Place'} Point of Interest`"
+    :title="editingPoiId ? t('Edit Point of Interest') : t('Place Point of Interest')"
     variant="text-only"
     max-width="500px"
     :persistent="true"
@@ -13,14 +13,20 @@
         </v-btn>
       </div>
       <div class="p-3">
-        <v-text-field v-model="newPoiName" label="Name" variant="outlined"></v-text-field>
-        <v-text-field v-model="newPoiDescription" label="Description" variant="outlined"></v-text-field>
+        <v-text-field v-model="newPoiName" :label="t('Name')" variant="outlined"></v-text-field>
+        <v-text-field v-model="newPoiDescription" :label="t('Description')" variant="outlined"></v-text-field>
 
         <div class="grid grid-cols-2 gap-x-4">
-          <v-text-field v-model.number="newPoiLat" label="Latitude" variant="outlined" type="number" step="0.0000001" />
+          <v-text-field
+            v-model.number="newPoiLat"
+            :label="t('Latitude')"
+            variant="outlined"
+            type="number"
+            step="0.0000001"
+          />
           <v-text-field
             v-model.number="newPoiLng"
-            label="Longitude"
+            :label="t('Longitude')"
             variant="outlined"
             type="number"
             step="0.0000001"
@@ -38,14 +44,20 @@
                 <v-icon>mdi-palette</v-icon>
               </v-btn>
             </div>
-            <v-text-field v-model="newPoiColor" label="Hex Color" hide-details variant="outlined" class="flex-grow" />
+            <v-text-field
+              v-model="newPoiColor"
+              :label="t('Hex Color')"
+              hide-details
+              variant="outlined"
+              class="flex-grow"
+            />
             <v-spacer />
             <div
               class="cursor-pointer hover:opacity-80 flex flex-col items-center"
               @click="isIconPickerOpen = !isIconPickerOpen"
             >
               <v-icon :icon="newPoiIcon" size="48" :color="newPoiColor" />
-              <span class="text-white opacity-50 mx-2 text-xs mt-1">Click to change icon</span>
+              <span class="text-white opacity-50 mx-2 text-xs mt-1">{{ t('Click to change icon') }}</span>
             </div>
           </div>
 
@@ -56,7 +68,7 @@
           <div v-if="isIconPickerOpen" class="icon-picker-container">
             <v-text-field
               v-model="iconSearchQuery"
-              label="Search icons"
+              :label="t('Search icons')"
               variant="outlined"
               density="compact"
               prepend-inner-icon="mdi-magnify"
@@ -82,9 +94,9 @@
       </div>
     </template>
     <template #actions>
-      <v-btn v-if="editingPoiId" text @click="deletePoi">Delete</v-btn>
+      <v-btn v-if="editingPoiId" text @click="deletePoi">{{ t('Delete') }}</v-btn>
       <v-spacer></v-spacer>
-      <v-btn text @click="savePoi">Save</v-btn>
+      <v-btn text @click="savePoi">{{ t('Save') }}</v-btn>
     </template>
   </InteractionDialog>
 </template>
@@ -92,12 +104,14 @@
 <script setup lang="ts">
 import { v4 as uuid } from 'uuid'
 import { defineExpose, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import InteractionDialog from '@/components/InteractionDialog.vue'
 import { useInteractionDialog } from '@/composables/interactionDialog'
 import { useMissionStore } from '@/stores/mission'
 import type { PointOfInterest, PointOfInterestCoordinates } from '@/types/mission'
 
+const { t } = useI18n()
 const missionStore = useMissionStore()
 const { showDialog } = useInteractionDialog()
 
@@ -138,36 +152,36 @@ const isInitializingDialog = ref(false)
 const dialogInitialCoordinates = ref<PointOfInterestCoordinates | null>(null)
 
 const availableIcons = ref([
-  { name: 'Map Marker', value: 'mdi-map-marker' },
-  { name: 'Star', value: 'mdi-star' },
-  { name: 'Heart', value: 'mdi-heart' },
-  { name: 'Home', value: 'mdi-home' },
-  { name: 'Flag', value: 'mdi-flag' },
-  { name: 'Camera', value: 'mdi-camera' },
-  { name: 'Information', value: 'mdi-information' },
-  { name: 'Warning', value: 'mdi-alert-circle' },
-  { name: 'Navigation', value: 'mdi-navigation' },
-  { name: 'Anchor', value: 'mdi-anchor' },
-  { name: 'Building', value: 'mdi-office-building' },
-  { name: 'Restaurant', value: 'mdi-food' },
-  { name: 'Gas Station', value: 'mdi-gas-station' },
-  { name: 'Hospital', value: 'mdi-hospital' },
-  { name: 'School', value: 'mdi-school' },
-  { name: 'Shopping', value: 'mdi-shopping' },
-  { name: 'Mountain', value: 'mdi-terrain' },
-  { name: 'Water', value: 'mdi-water' },
-  { name: 'Binoculars', value: 'mdi-binoculars' },
-  { name: 'Car', value: 'mdi-car' },
-  { name: 'Ferry', value: 'mdi-ferry' },
-  { name: 'Lighthouse', value: 'mdi-lighthouse' },
-  { name: 'Parking', value: 'mdi-parking' },
-  { name: 'Tree', value: 'mdi-tree' },
-  { name: 'Bike', value: 'mdi-bike' },
-  { name: 'Pier', value: 'mdi-pier' },
-  { name: 'Drone', value: 'mdi-quadcopter' },
-  { name: 'Hiking', value: 'mdi-hiking' },
-  { name: 'Fish', value: 'mdi-fish' },
-  { name: 'Boat', value: 'mdi-sail-boat' },
+  { name: t('Map Marker'), value: 'mdi-map-marker' },
+  { name: t('Star'), value: 'mdi-star' },
+  { name: t('Heart'), value: 'mdi-heart' },
+  { name: t('Home'), value: 'mdi-home' },
+  { name: t('Flag'), value: 'mdi-flag' },
+  { name: t('Camera'), value: 'mdi-camera' },
+  { name: t('Information'), value: 'mdi-information' },
+  { name: t('Warning'), value: 'mdi-alert-circle' },
+  { name: t('Navigation'), value: 'mdi-navigation' },
+  { name: t('Anchor'), value: 'mdi-anchor' },
+  { name: t('Building'), value: 'mdi-office-building' },
+  { name: t('Restaurant'), value: 'mdi-food' },
+  { name: t('Gas Station'), value: 'mdi-gas-station' },
+  { name: t('Hospital'), value: 'mdi-hospital' },
+  { name: t('School'), value: 'mdi-school' },
+  { name: t('Shopping'), value: 'mdi-shopping' },
+  { name: t('Mountain'), value: 'mdi-terrain' },
+  { name: t('Water'), value: 'mdi-water' },
+  { name: t('Binoculars'), value: 'mdi-binoculars' },
+  { name: t('Car'), value: 'mdi-car' },
+  { name: t('Ferry'), value: 'mdi-ferry' },
+  { name: t('Lighthouse'), value: 'mdi-lighthouse' },
+  { name: t('Parking'), value: 'mdi-parking' },
+  { name: t('Tree'), value: 'mdi-tree' },
+  { name: t('Bike'), value: 'mdi-bike' },
+  { name: t('Pier'), value: 'mdi-pier' },
+  { name: t('Drone'), value: 'mdi-quadcopter' },
+  { name: t('Hiking'), value: 'mdi-hiking' },
+  { name: t('Fish'), value: 'mdi-fish' },
+  { name: t('Boat'), value: 'mdi-sail-boat' },
 ])
 
 const filteredIcons = ref(availableIcons.value)
@@ -286,8 +300,8 @@ const openDialog = (coordinates?: PointOfInterestCoordinates | null, poiToEdit?:
     if (!freshPoi) {
       showDialog({
         variant: 'error',
-        title: 'Error',
-        message: 'POI not found in store.',
+        title: t('Error'),
+        message: t('POI not found in store'),
       })
       console.error('POI not found in store:', poiToEdit.id)
       isInitializingDialog.value = false
@@ -327,8 +341,8 @@ const openDialog = (coordinates?: PointOfInterestCoordinates | null, poiToEdit?:
   } else {
     showDialog({
       variant: 'error',
-      title: 'Error',
-      message: 'Cannot open POI dialog without coordinates for a new POI or POI data for editing.',
+      title: t('Error'),
+      message: t('Cannot open POI dialog without coordinates'),
     })
     console.error('POI Dialog: Insufficient data to open.')
     isInitializingDialog.value = false
@@ -375,14 +389,14 @@ const closeDialog = (): void => {
 
 const savePoi = (): void => {
   if (!newPoiName.value.trim()) {
-    showDialog({ title: 'Invalid Name', message: 'POI name cannot be empty.', variant: 'error' })
+    showDialog({ title: t('Invalid Name'), message: t('Invalid POI name'), variant: 'error' })
     return
   }
 
   if (newPoiLat.value === null || newPoiLng.value === null || isNaN(newPoiLat.value) || isNaN(newPoiLng.value)) {
     showDialog({
-      title: 'Invalid Coordinates',
-      message: 'Latitude and Longitude must be valid numbers.',
+      title: t('Invalid Coordinates'),
+      message: t('Latitude/Longitude must be valid numbers'),
       variant: 'error',
     })
     return
@@ -392,7 +406,7 @@ const savePoi = (): void => {
     // Get the current POI from store to preserve current coordinates
     const currentPoi = missionStore.pointsOfInterest.find((poi) => poi.id === editingPoiId.value)
     if (!currentPoi) {
-      showDialog({ variant: 'error', title: 'Error', message: 'POI not found in store.' })
+      showDialog({ variant: 'error', title: t('Error'), message: t('POI not found in store') })
       return
     }
 
@@ -424,7 +438,7 @@ const savePoi = (): void => {
 
     if (!coordinatesToSave) {
       // This case should ideally not be reached if openDialog is called correctly with coordinates for new POIs.
-      showDialog({ variant: 'error', title: 'Error', message: 'Cannot save Point of Interest without coordinates.' })
+      showDialog({ variant: 'error', title: t('Error'), message: t('Cannot save POI without coordinates') })
       console.error(
         'Cannot save new POI: coordinatesToSave is null. dialogInitialCoordinates:',
         dialogInitialCoordinates.value,
@@ -456,8 +470,8 @@ const deletePoi = (): void => {
     // This case should ideally not be reached if the delete button is only visible when editingPoiId is set.
     showDialog({
       variant: 'error',
-      title: 'Error',
-      message: 'No Point of Interest selected for deletion.',
+      title: t('Error'),
+      message: t('No Point of Interest selected for deletion.'),
     })
     console.error('Delete POI: editingPoiId is null.')
   }
diff --git a/src/components/widgets/Attitude.vue b/src/components/widgets/Attitude.vue
index 7bea7646d0..57a2ba73d5 100644
--- a/src/components/widgets/Attitude.vue
+++ b/src/components/widgets/Attitude.vue
@@ -4,12 +4,12 @@
   </div>
   <v-dialog v-model="widgetStore.widgetManagerVars(widget.hash).configMenuOpen" min-width="400" max-width="45%">
     <v-card class="pa-4" :style="interfaceStore.globalGlassMenuStyles" style="border-radius: 15px">
-      <v-card-title class="text-center">Attitude widget config</v-card-title>
+      <v-card-title class="text-center">{{ $t('Attitude widget config') }}</v-card-title>
       <v-card-text>
         <div class="flex justify-center gap-x-8 mb-4">
           <v-switch
             class="ma-1"
-            label="Show roll/pitch values"
+            :label="$t('Show roll/pitch values')"
             :model-value="widget.options.showRollPitchValues"
             :color="widget.options.showRollPitchValues ? 'white' : undefined"
             hide-details
@@ -17,7 +17,7 @@
           />
           <v-switch
             class="ma-1"
-            label="Show center aim"
+            :label="$t('Show center aim')"
             :model-value="widget.options.showCenterAim"
             :color="widget.options.showCenterAim ? 'white' : undefined"
             hide-details
@@ -25,7 +25,7 @@
           />
           <v-switch
             class="ma-1"
-            label="Show pitch lines"
+            :label="$t('Show pitch lines')"
             :model-value="widget.options.showPitchLines"
             :color="widget.options.showPitchLines ? 'white' : undefined"
             hide-details
@@ -35,14 +35,14 @@
         <v-slider
           v-model="widget.options.cameraFOV"
           color="white"
-          label="Camera vertical FOV"
+          :label="$t('Camera vertical FOV')"
           :min="20"
           :max="180"
           thumb-label
         />
         <v-slider
           v-model="widget.options.desiredAimRadius"
-          label="Center circle radius"
+          :label="$t('Center circle radius')"
           color="white"
           :min="10"
           :max="300"
@@ -50,7 +50,7 @@
         />
         <v-expansion-panels theme="dark">
           <v-expansion-panel class="bg-[#FFFFFF22]">
-            <v-expansion-panel-title>Color</v-expansion-panel-title>
+            <v-expansion-panel-title>{{ $t('Color') }}</v-expansion-panel-title>
             <v-expansion-panel-text class="pa-2">
               <v-color-picker
                 v-model="widget.options.hudColor"
diff --git a/src/components/widgets/CollapsibleContainer.vue b/src/components/widgets/CollapsibleContainer.vue
index b39da3cfaa..670f529277 100644
--- a/src/components/widgets/CollapsibleContainer.vue
+++ b/src/components/widgets/CollapsibleContainer.vue
@@ -49,16 +49,16 @@
 
             <v-list>
               <v-list-item @click="handleOptionClick('options')">
-                <v-list-item-title>Options</v-list-item-title>
+                <v-list-item-title>{{ $t('Options') }}</v-list-item-title>
               </v-list-item>
               <v-list-item @click="handleOptionClick('save')">
-                <v-list-item-title>Save</v-list-item-title>
+                <v-list-item-title>{{ $t('Save') }}</v-list-item-title>
               </v-list-item>
               <v-list-item @click="handleOptionClick('load')">
-                <v-list-item-title>Load</v-list-item-title>
+                <v-list-item-title>{{ t('Load') }}</v-list-item-title>
               </v-list-item>
               <v-list-item @click="handleOptionClick('copy-to-view')">
-                <v-list-item-title>Clone to another view</v-list-item-title>
+                <v-list-item-title>{{ $t('Clone to another view') }}</v-list-item-title>
               </v-list-item>
             </v-list>
           </v-menu>
@@ -156,7 +156,7 @@
     <v-dialog v-model="widgetStore.widgetManagerVars(widget.hash).configMenuOpen" persistent>
       <GlassModal :is-visible="widgetStore.widgetManagerVars(widget.hash).configMenuOpen">
         <v-card class="px-8 pb-6 pt-2 rounded-lg w-[400px] bg-transparent">
-          <v-card-title class="text-center -mt-1">Custom Widget options</v-card-title>
+          <v-card-title class="text-center -mt-1">{{ $t('Custom Widget options') }}</v-card-title>
           <v-btn
             class="absolute top-3 right-0 text-lg rounded-full"
             variant="text"
@@ -166,9 +166,9 @@
             <v-icon>mdi-close</v-icon>
           </v-btn>
           <div class="flex flex-col justify-start items-start gap-x-4 mt-3 w-full">
-            <p class="text-start">Name:</p>
+            <p class="text-start">{{ $t('Collapsible Container') }}</p>
             <v-text-field ref="nameInput" v-model="widget.name" density="compact" class="w-3/4" />
-            <p class="text-start">Columns:</p>
+            <p class="text-start">{{ $t('Columns:') }}</p>
             <v-text-field
               ref="nameInput"
               v-model="widget.options.columns"
@@ -178,9 +178,9 @@
               density="compact"
               class="w-1/4"
             />
-            <p class="mt-1">Background color</p>
+            <p class="mt-1">{{ $t('Background color') }}</p>
             <input v-model="widget.options.backgroundColor" type="color" class="p-0 w-20 mr-4" />
-            <p class="mt-3">Background opacity:</p>
+            <p class="mt-3">{{ $t('Background opacity:') }}</p>
             <v-slider
               v-model="widget.options.backgroundOpacity"
               min="0"
@@ -189,7 +189,7 @@
               thumb-label
               width="250"
             />
-            <p class="mt-3">Background blur:</p>
+            <p class="mt-3">{{ $t('Background blur:') }}</p>
             <v-slider v-model="widget.options.backgroundBlur" min="0" max="100" color="white" thumb-label width="250" />
           </div>
         </v-card>
@@ -227,7 +227,7 @@
         <v-card class="px-3 pb-6 pt-2 rounded-lg w-auto bg-transparent z-40">
           <v-card-title class="flex justify-around -mt-1 w-full px-0">
             <div />
-            <p class="mx-8">Clone widget to</p>
+            <p class="mx-8">{{ $t('Clone widget to') }}</p>
             <v-icon class="cursor-pointer self-end" @click="selectViewToShareDialog = false">mdi-close</v-icon>
           </v-card-title>
           <div class="flex w-full justify-center items-center mt-4">
@@ -259,6 +259,7 @@ import type SortableEvent from 'sortablejs'
 import { v4 as uuid } from 'uuid'
 import { computed, nextTick, onBeforeMount, onMounted, ref, toRefs, watch } from 'vue'
 import { VueDraggable } from 'vue-draggable-plus'
+import { useI18n } from 'vue-i18n'
 
 import { useSnackbar } from '@/composables/snackbar'
 import { useAppInterfaceStore } from '@/stores/appInterface'
@@ -271,6 +272,7 @@ import MiniWidgetInstantiator from '../MiniWidgetInstantiator.vue'
 const widgetStore = useWidgetManagerStore()
 const interfaceStore = useAppInterfaceStore()
 const { openSnackbar } = useSnackbar()
+const { t } = useI18n()
 
 const props = defineProps<{
   /**
@@ -303,12 +305,12 @@ const handleCopyWidgetToView = (): void => {
       widgetStore.copyWidgetToView(currentWidget.value, selectedViewToShareWidget.value)
       openSnackbar({
         variant: 'success',
-        message: 'Widget cloned successfully.',
+        message: t('Widget cloned successfully.'),
       })
     } catch (error: any) {
       openSnackbar({
         variant: 'error',
-        message: error.message || 'Error cloning widget.',
+        message: error.message || t('Error cloning widget.'),
       })
     }
     selectViewToShareDialog.value = false
@@ -360,7 +362,7 @@ const saveName = (): void => {
 const loadWidget = (event: Event): void => {
   const file = (event.target as HTMLInputElement).files?.[0]
   if (!file) {
-    openSnackbar({ variant: 'error', message: 'No file selected.', duration: 3000 })
+    openSnackbar({ variant: 'error', message: t('No file selected.'), duration: 3000 })
     return
   }
 
@@ -371,7 +373,7 @@ const loadWidget = (event: Event): void => {
       const hash = currentWidget.value.hash
       widgetStore.loadWidgetFromFile(hash, loadedWidget)
     } catch (error) {
-      openSnackbar({ variant: 'error', message: 'Invalid widget file format.', duration: 3000 })
+      openSnackbar({ variant: 'error', message: t('Invalid widget file'), duration: 3000 })
     }
   }
 
@@ -510,7 +512,7 @@ const loadWidgetFromStore = (): void => {
       currentWidget.value = loadedWidget
     }
   } catch (error) {
-    openSnackbar({ variant: 'warning', message: 'Error reading widget file.', duration: 1000 })
+    openSnackbar({ variant: 'warning', message: t('Error reading widget file'), duration: 1000 })
   }
 }
 
diff --git a/src/components/widgets/Compass.vue b/src/components/widgets/Compass.vue
index 3e4c4014f8..99ac679bbf 100644
--- a/src/components/widgets/Compass.vue
+++ b/src/components/widgets/Compass.vue
@@ -12,7 +12,7 @@
     class="flex pa-4 bg-[#ffffff10] text-white backdrop-blur-2xl border-[1px] border-[#FAFAFA12]"
   >
     <div class="flex items-center">
-      <span class="mr-3 text-slate-100">Heading style</span>
+      <span class="mr-3 text-slate-100">{{ $t('Heading style') }}</span>
       <div class="w-40"><Dropdown v-model="widget.options.headingStyle" :options="headingOptions" /></div>
     </div>
   </Dialog>
@@ -27,6 +27,7 @@ import Dialog from '@/components/Dialog.vue'
 import Dropdown from '@/components/Dropdown.vue'
 import { datalogger, DatalogVariable } from '@/libs/sensors-logging'
 import { degrees, radians, resetCanvas, sequentialArray } from '@/libs/utils'
+import { t } from '@/plugins/i18n'
 import { useMainVehicleStore } from '@/stores/mainVehicle'
 import { useWidgetManagerStore } from '@/stores/widgetManager'
 import type { Widget } from '@/types/widgets'
@@ -60,7 +61,7 @@ enum HeadingStyle {
   NORTH_UP = 'North Up',
   HEAD_UP = 'Head Up',
 }
-const headingOptions = Object.values(HeadingStyle)
+const headingOptions = computed(() => [t('North Up'), t('Head Up')])
 
 const props = defineProps<{
   /**
@@ -74,7 +75,7 @@ onBeforeMount(() => {
   // Set initial widget options if they don't exist
   if (Object.keys(widget.value.options).length === 0) {
     widget.value.options = {
-      headingStyle: headingOptions[0],
+      headingStyle: headingOptions.value[0],
     }
   }
 })
@@ -129,7 +130,7 @@ const renderCanvas = (): void => {
   ctx.rotate(radians(-90))
 
   // Draw line and identification for each cardinal and sub-cardinal angle
-  if (widget.value.options.headingStyle == HeadingStyle.HEAD_UP) {
+  if (widget.value.options.headingStyle == t('Head Up')) {
     ctx.rotate(-radians(renderVariables.yawAngleDegrees))
   }
   for (const [angleDegrees, angleName] of Object.entries(mainAngles)) {
diff --git a/src/components/widgets/CompassHUD.vue b/src/components/widgets/CompassHUD.vue
index aad0d725c7..c9334d8936 100644
--- a/src/components/widgets/CompassHUD.vue
+++ b/src/components/widgets/CompassHUD.vue
@@ -44,7 +44,7 @@
   </div>
   <v-dialog v-model="widgetStore.widgetManagerVars(widget.hash).configMenuOpen" min-width="400" max-width="35%">
     <v-card class="px-8 pb-2 pt-2" :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="text-center">HUD Compass widget config</v-card-title>
+      <v-card-title class="text-center">{{ $t('HUD Compass widget config') }}</v-card-title>
       <v-btn
         class="absolute top-3 right-0 text-lg rounded-full"
         variant="text"
@@ -57,7 +57,7 @@
         <div class="flex w-full justify-between">
           <v-switch
             class="ma-1"
-            label="Show yaw value"
+            :label="$t('Show yaw value')"
             :color="widget.options.showYawValue ? 'white' : undefined"
             :model-value="widget.options.showYawValue"
             hide-details
@@ -65,7 +65,7 @@
           />
           <v-switch
             class="ma-1"
-            label="Use -180/+180 range"
+            :label="$t('Use -180/+180 range')"
             :color="widget.options.useNegativeRange ? 'white' : undefined"
             :model-value="widget.options.useNegativeRange"
             hide-details
@@ -76,7 +76,7 @@
         <div class="flex w-full justify-between">
           <v-switch
             class="ma-1 w-[220px]"
-            label="Show POIs on HUD"
+            :label="$t('Show POIs on HUD')"
             :color="widget.options.poi?.showPoiOnHUD ? 'white' : undefined"
             :model-value="widget.options.poi?.showPoiOnHUD ?? true"
             hide-details
@@ -88,12 +88,12 @@
             v-if="widget.options.poi?.showPoiOnHUD"
             v-model="widget.options.poi.showDistances"
             :items="[
-              { title: 'All markers', value: 'all' },
-              { title: 'Highlighted marker only', value: 'highlightedMarker' },
-              { title: 'Box on HUD side', value: 'onHudSide' },
-              { title: 'No distance tags', value: 'none' },
+              { title: $t('All markers'), value: 'all' },
+              { title: $t('Highlighted marker only'), value: 'highlightedMarker' },
+              { title: $t('Box on HUD side'), value: 'onHudSide' },
+              { title: $t('No distance tags'), value: 'none' },
             ]"
-            label="Show distance tags"
+            :label="$t('Show distance tags')"
             class="mt-2 max-w-[280px]"
             density="compact"
             hide-details
@@ -102,7 +102,7 @@
         <v-divider class="mt-3 opacity-5" />
         <v-expansion-panels theme="dark" class="mt-3">
           <v-expansion-panel class="bg-[#FFFFFF11] text-white mt-2">
-            <v-expansion-panel-title>Color</v-expansion-panel-title>
+            <v-expansion-panel-title>{{ $t('Color') }}</v-expansion-panel-title>
             <v-expansion-panel-text>
               <v-color-picker
                 v-model="widget.options.hudColor"
@@ -121,7 +121,9 @@
       </div>
       <v-card-actions>
         <div class="flex w-full h-full justify-end items-center pt-1">
-          <v-btn class="-mr-4" @click="widgetStore.widgetManagerVars(widget.hash).configMenuOpen = false">Close</v-btn>
+          <v-btn class="-mr-4" @click="widgetStore.widgetManagerVars(widget.hash).configMenuOpen = false">{{
+            $t('Close')
+          }}</v-btn>
         </div>
       </v-card-actions>
     </v-card>
diff --git a/src/components/widgets/DepthHUD.vue b/src/components/widgets/DepthHUD.vue
index ddfac6c25a..8af79c0664 100644
--- a/src/components/widgets/DepthHUD.vue
+++ b/src/components/widgets/DepthHUD.vue
@@ -4,11 +4,11 @@
   </div>
   <v-dialog v-model="widgetStore.widgetManagerVars(widget.hash).configMenuOpen" min-width="400" max-width="35%">
     <v-card class="pa-2" :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="text-center">Depth HUD config</v-card-title>
+      <v-card-title class="text-center">{{ $t('Depth HUD config') }}</v-card-title>
       <v-card-text>
         <v-switch
           class="ma-1"
-          label="Show height value"
+          :label="$t('Show height value')"
           :model-value="widget.options.showDepthValue"
           :color="widget.options.showDepthValue ? 'white' : undefined"
           hide-details
@@ -16,7 +16,7 @@
         />
         <v-expansion-panels theme="dark">
           <v-expansion-panel class="bg-[#FFFFFF11] text-white">
-            <v-expansion-panel-title>Color</v-expansion-panel-title>
+            <v-expansion-panel-title>{{ $t('Color') }}</v-expansion-panel-title>
             <v-expansion-panel-text>
               <v-color-picker
                 v-model="widget.options.hudColor"
diff --git a/src/components/widgets/DoItYourself.vue b/src/components/widgets/DoItYourself.vue
index 1a20eafec0..4a53c9c04d 100644
--- a/src/components/widgets/DoItYourself.vue
+++ b/src/components/widgets/DoItYourself.vue
@@ -19,23 +19,26 @@
         <v-icon class="absolute top-[12px] right-[12px] cursor-pointer" @click="showHelp = !showHelp">
           mdi-help-circle-outline
         </v-icon>
-        <v-card-title class="w-full text-center mt-2">DIY widget configuration</v-card-title>
+        <v-card-title class="w-full text-center mt-2">{{ $t('Do It Yourself Widget Configuration') }}</v-card-title>
         <v-card-text class="mx-2 flex flex-col gap-y-3">
           <v-expand-transition>
             <div v-if="showHelp" class="help-panel mb-4 p-4 rounded bg-white/5">
-              <h3 class="text-lg mb-2">Editor instructions</h3>
+              <h3 class="text-lg mb-2">{{ $t('Editor instructions') }}</h3>
               <ul class="text-sm text-white/70 list-disc pl-4 space-y-1">
-                <li>Use the HTML, CSS, and JS editors to create your custom widget</li>
-                <li>Changes are applied when you click Apply or press Cmd/Ctrl + Enter/S</li>
-                <li>Navigate between editors using Cmd/Ctrl + Option/Alt + ↑/↓</li>
-                <li>Reset to last saved state using the Reset button</li>
-                <li>Your code runs in the widget's context and has access to the DOM</li>
-                <li>You can use the console to debug your code</li>
+                <li>{{ $t('Use the HTML, CSS, and JS editors to create your custom widget') }}</li>
+                <li>{{ $t('Changes are applied when you click Apply or press Cmd/Ctrl + Enter/S') }}</li>
+                <li>{{ $t('Navigate between editors using Cmd/Ctrl + Option/Alt + ↑/↓') }}</li>
+                <li>{{ $t('Reset to last saved state using the Reset button') }}</li>
+                <li>{{ $t("Your code runs in the widget's context and has access to the DOM") }}</li>
+                <li>{{ $t('You can use the console to debug your code') }}</li>
                 <li>
-                  You can use the data-lake system to inject or consume data from Cockpit. Check the docs for more
-                  information around this.
+                  {{
+                    $t(
+                      'You can use the data-lake system to inject or consume data from Cockpit. Check the docs for more'
+                    )
+                  }}
                 </li>
-                <li>Click on each editor's header to expand it to full size</li>
+                <li>{{ $t("Click on each editor's header to expand it to full size") }}</li>
               </ul>
             </div>
           </v-expand-transition>
@@ -63,10 +66,10 @@
             </v-expansion-panel>
           </v-expansion-panels>
 
-          <v-checkbox v-model="autoSave" label="Auto Save" density="compact" class="-mb-2" hide-details />
+          <v-checkbox v-model="autoSave" :label="$t('Auto-save')" density="compact" class="-mb-2" hide-details />
           <v-checkbox
             v-model="widget.options.inheritCockpitStyles"
-            label="Inherit Cockpit interface styles"
+            :label="$t('Inherit Cockpit styles')"
             density="compact"
             class="-mb-2"
             hide-details
@@ -74,18 +77,28 @@
         </v-card-text>
         <v-card-actions>
           <div class="flex justify-between items-center px-4 w-full h-full">
-            <v-btn class="text-white/60" variant="text" @click="closeDialog">Close</v-btn>
+            <v-btn class="text-white/60" variant="text" @click="closeDialog">{{ $t('Close') }}</v-btn>
             <div class="flex gap-x-3">
-              <v-btn class="text-white/60" variant="text" title="Export configuration" @click="exportConfig">
+              <v-btn
+                class="text-white/60"
+                variant="text"
+                :title="$t('Export widget configuration')"
+                @click="exportConfig"
+              >
                 <v-icon class="mr-1 mt-[2px]">mdi-download</v-icon>
-                Export
+                {{ $t('Export') }}
               </v-btn>
-              <v-btn class="text-white/60 mr-10" variant="text" title="Import configuration" @click="importConfig">
+              <v-btn
+                class="text-white/60 mr-10"
+                variant="text"
+                :title="$t('Import widget configuration')"
+                @click="importConfig"
+              >
                 <v-icon class="mr-1 mt-[2px]">mdi-upload</v-icon>
-                Import
+                {{ $t('Import') }}
               </v-btn>
-              <v-btn class="text-white/60" variant="text" @click="resetChanges">Reset</v-btn>
-              <v-btn class="text-white" variant="text" @click="applyChanges">Apply</v-btn>
+              <v-btn class="text-white/60" variant="text" @click="resetChanges">{{ $t('Reset') }}</v-btn>
+              <v-btn class="text-white" variant="text" @click="applyChanges">{{ $t('Apply') }}</v-btn>
             </div>
           </div>
         </v-card-actions>
@@ -96,6 +109,7 @@
 
 <script setup lang="ts">
 import { computed, onBeforeMount, onBeforeUnmount, onMounted, ref, toRefs } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useBlueOsStorage } from '@/composables/settingsSyncer'
 import { createMonacoEditor, monaco } from '@/libs/monaco-manager'
@@ -103,6 +117,7 @@ import { useAppInterfaceStore } from '@/stores/appInterface'
 import { useWidgetManagerStore } from '@/stores/widgetManager'
 import type { Widget } from '@/types/widgets'
 
+const { t: $t } = useI18n()
 const autoSave = useBlueOsStorage('cockpit-diy-widget-auto-save', false)
 
 const interfaceStore = useAppInterfaceStore()
@@ -129,7 +144,7 @@ let jsEditor: monaco.editor.IStandaloneCodeEditor | null = null
 const defaultOptions = {
   html: `<!-- Write your HTML code here -->
 <div id="diy-container">
-  <span>Create your own widget!</span>
+  <span>{{ $t('Create your own widget!') }}</span>
 </div>`,
   css: `/* Write your CSS code here */
 #diy-container {
diff --git a/src/components/widgets/IFrame.vue b/src/components/widgets/IFrame.vue
index 1e2c85a19a..5cd1c23741 100644
--- a/src/components/widgets/IFrame.vue
+++ b/src/components/widgets/IFrame.vue
@@ -48,8 +48,8 @@
               <v-icon size="48" class="opacity-80">mdi-progress-clock</v-icon>
               <p class="text-base font-semibold">{{ waitingTitle }}</p>
               <p class="text-sm opacity-70">
-                Trying again in {{ retryCountdownSeconds }}
-                {{ retryCountdownSeconds === 1 ? 'second' : 'seconds' }}
+                {{ $t('Trying again in') }} {{ retryCountdownSeconds }}
+                {{ retryCountdownSeconds === 1 ? $t('second') : $t('seconds') }}
               </p>
               <v-progress-linear
                 :model-value="retryRemainingPercent"
@@ -62,7 +62,7 @@
             </template>
             <template v-else-if="urlCheckStatus === 'retrying'">
               <v-progress-circular indeterminate color="white" size="48" width="3" />
-              <p class="text-base font-semibold">Retrying...</p>
+              <p class="text-base font-semibold">{{ $t('Retrying...') }}</p>
             </template>
             <template v-else>
               <v-progress-circular indeterminate color="white" size="32" width="3" />
@@ -91,8 +91,8 @@
             <v-icon size="48" class="opacity-80">mdi-progress-clock</v-icon>
             <p class="text-base font-semibold">{{ waitingTitle }}</p>
             <p class="text-sm opacity-70">
-              Trying again in {{ retryCountdownSeconds }}
-              {{ retryCountdownSeconds === 1 ? 'second' : 'seconds' }}
+              {{ $t('Trying again in') }} {{ retryCountdownSeconds }}
+              {{ retryCountdownSeconds === 1 ? $t('second') : $t('seconds') }}
             </p>
             <v-progress-linear
               :model-value="retryRemainingPercent"
@@ -105,7 +105,7 @@
           </template>
           <template v-else-if="urlCheckStatus === 'retrying'">
             <v-progress-circular indeterminate color="white" size="48" width="3" />
-            <p class="text-base font-semibold">Retrying...</p>
+            <p class="text-base font-semibold">{{ $t('Retrying...') }}</p>
           </template>
           <template v-else>
             <v-progress-circular indeterminate color="white" size="32" width="3" />
@@ -115,10 +115,10 @@
     </div>
     <v-dialog v-model="widgetStore.widgetManagerVars(widget.hash).configMenuOpen" min-width="600" max-width="45%">
       <v-card class="pa-2" :style="interfaceStore.globalGlassMenuStyles">
-        <v-card-title class="text-center">Settings</v-card-title>
+        <v-card-title class="text-center">{{ $t('Settings') }}</v-card-title>
         <v-card-text>
           <div>
-            <p>Iframe Source</p>
+            <p>{{ $t('IFrame source') }}</p>
             <div class="flex items-center justify-between mt-2 gap-1">
               <v-text-field
                 v-model="inputURL"
@@ -132,7 +132,7 @@
                 </template>
               </v-text-field>
               <v-btn
-                v-tooltip.bottom="'Set'"
+                v-tooltip.bottom="t('Set')"
                 icon="mdi-check"
                 class="mx-1 mb-5 bg-[#FFFFFF22]"
                 rounded="lg"
@@ -142,14 +142,14 @@
             </div>
           </div>
           <div class="mt-2 mb-2 w-[95%]">
-            <v-slider v-model="transparency" label="Transparency" color="white" :min="0" :max="90" />
+            <v-slider v-model="transparency" :label="$t('Transparency')" color="white" :min="0" :max="90" />
           </div>
           <ExpansiblePanel compact :is-expanded="true" no-bottom-divider no-top-divider>
-            <template #title>Advanced options</template>
+            <template #title>{{ $t('Advanced options') }}</template>
             <template #content>
               <v-switch
                 v-model="widget.options.useVehicleAddressAsBase"
-                label="Use vehicle address as base URL"
+                :label="$t('Use vehicle address as base URL')"
                 color="white"
                 density="compact"
                 hide-details
@@ -159,7 +159,7 @@
               <div class="flex items-center gap-2">
                 <v-switch
                   v-model="widget.options.isCollapsible"
-                  label="Collapsible"
+                  :label="$t('Collapsible container')"
                   color="white"
                   class="ml-2"
                   hide-details
@@ -170,7 +170,7 @@
                   :items="expandDirectionOptions"
                   item-title="label"
                   item-value="value"
-                  label="Expand direction"
+                  :label="$t('Expand direction')"
                   density="compact"
                   variant="outlined"
                   hide-details
@@ -180,7 +180,7 @@
                 <v-text-field
                   v-if="widget.options.isCollapsible"
                   v-model="widget.options.containerName"
-                  label="Container name"
+                  :label="$t('Container name')"
                   item-title="name"
                   density="compact"
                   variant="outlined"
@@ -196,7 +196,7 @@
         <v-divider width="80%" inset />
         <v-card-actions class="flex justify-end mt-2">
           <v-btn color="white" @click="widgetStore.widgetManagerVars(widget.hash).configMenuOpen = false">
-            Close
+            {{ $t('Close') }}
           </v-btn>
         </v-card-actions>
       </v-card>
@@ -207,6 +207,7 @@
 <script setup lang="ts">
 import { useWindowSize } from '@vueuse/core'
 import { computed, onBeforeMount, onBeforeUnmount, ref, toRefs, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { defaultBlueOsAddress } from '@/assets/defaults'
 import { openSnackbar } from '@/composables/snackbar'
@@ -219,6 +220,7 @@ import type { Widget } from '@/types/widgets'
 import ExpansiblePanel from '../ExpansiblePanel.vue'
 const interfaceStore = useAppInterfaceStore()
 
+const { t } = useI18n()
 const widgetStore = useWidgetManagerStore()
 const iframe = ref()
 const props = defineProps<{
@@ -491,17 +493,20 @@ const canvasSize = computed(() => ({
 }))
 
 const validateURL = (url: string): true | string => {
-  return isValidURL(url) ? true : 'URL is not valid.'
+  return isValidURL(url) ? true : t('URL is not valid')
 }
 
 const updateURL = (): void => {
   const urlValidationResult = validateURL(composedURL(inputURL.value, widget.value.options.useVehicleAddressAsBase))
   if (urlValidationResult !== true) {
-    openSnackbar({ message: `${urlValidationResult} Please enter a valid URL.`, variant: 'error' })
+    openSnackbar({ message: t('Invalid URL'), variant: 'error' })
     return
   }
   widget.value.options.source = inputURL.value
-  openSnackbar({ message: `IFrame URL sucessfully updated to '${toBeUsedURL.value}'.`, variant: 'success' })
+  openSnackbar({
+    message: t('URL updated to {url}', { url: toBeUsedURL.value }),
+    variant: 'success',
+  })
 }
 
 const handleBaseUrlToggle = (useBaseUrl: boolean): void => {
diff --git a/src/components/widgets/ImageView.vue b/src/components/widgets/ImageView.vue
index 6cd4087cfa..88636e48d3 100755
--- a/src/components/widgets/ImageView.vue
+++ b/src/components/widgets/ImageView.vue
@@ -3,16 +3,16 @@
     <img :src="src" draggable="false" />
     <v-dialog v-model="widgetStore.widgetManagerVars(widget.hash).configMenuOpen" min-width="400" max-width="35%">
       <v-card class="pa-2" :style="interfaceStore.globalGlassMenuStyles">
-        <v-card-title class="text-center">Image URL</v-card-title>
+        <v-card-title class="text-center">{{ $t('Image URL') }}</v-card-title>
         <v-card-text>
-          <a>Image URL</a>
+          <a>{{ $t('Image URL') }}</a>
           <v-text-field
             :model-value="widget.options.src"
             outlined
             @change="widget.options.src = $event.srcElement.value"
           ></v-text-field>
           <div>
-            <span class="text-xs font-semibold leading-3 text-slate-600">Fit style</span>
+            <span class="text-xs font-semibold leading-3 text-slate-600">{{ $t('Fit style') }}</span>
             <Dropdown
               v-model="widget.options.fitStyle"
               :options="['cover', 'fill', 'contain']"
diff --git a/src/components/widgets/Map.vue b/src/components/widgets/Map.vue
index 1ec9bc1ce9..8ba17dcc2d 100644
--- a/src/components/widgets/Map.vue
+++ b/src/components/widgets/Map.vue
@@ -9,7 +9,7 @@
     <div :id="mapId" ref="map" class="map">
       <v-menu v-model="downloadMenuOpen" :close-on-content-click="false" location="top end">
         <template #activator="{ props: menuProps }">
-          <v-tooltip location="top" text="Download tiles for offline use">
+          <v-tooltip location="top" :text="$t('Download tiles for offline use')">
             <template #activator="{ props: tooltipProps }">
               <v-btn
                 v-show="showButtons"
@@ -26,21 +26,21 @@
         </template>
 
         <v-list :style="interfaceStore.globalGlassMenuStyles" class="py-0 min-w-[220px] rounded-lg border-[1px]">
-          <v-list-item class="py-0" title="Save visible Esri tiles" @click="saveEsri" />
+          <v-list-item class="py-0" :title="$t('Save visible Esri tiles')" @click="saveEsri" />
           <v-divider />
-          <v-list-item class="py-0" title="Save visible OSM tiles" @click="saveOSM" />
+          <v-list-item class="py-0" :title="$t('Save visible OSM tiles')" @click="saveOSM" />
           <v-divider />
-          <v-list-item class="py-0" title="Save visible Seamarks tiles" @click="saveSeamarks" />
+          <v-list-item class="py-0" :title="$t('Save visible Seamarks tiles')" @click="saveSeamarks" />
         </v-list>
       </v-menu>
-      <v-tooltip location="top" text="Switch to Mission Planning mode">
+      <v-tooltip location="top" :text="$t('Switch to Mission Planning mode')">
         <template #activator="{ props: tooltipProps }">
           <v-btn
             v-if="showButtons"
             v-bind="tooltipProps"
             class="absolute right-[148px] w-[140px] mb-[13px] bottom-button bg-slate-50 text-[12px] font-bold"
             elevation="4"
-            text="Edit mission"
+            :text="$t('Edit mission')"
             append-icon="mdi-map-marker-radius-outline"
             style="z-index: 1002; border-radius: 0px"
             :style="interfaceStore.globalGlassMenuStyles"
@@ -155,17 +155,17 @@
 
   <v-dialog v-model="widgetStore.widgetManagerVars(widget.hash).configMenuOpen" width="auto">
     <v-card class="pa-2" :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="text-center">Map widget settings</v-card-title>
+      <v-card-title class="text-center">{{ $t('Map widget settings') }}</v-card-title>
       <v-card-text>
         <ExpansiblePanel compact :is-expanded="!interfaceStore.isOnSmallScreen" no-bottom-divider no-top-divider>
-          <template #title>Display</template>
+          <template #title>{{ $t('Display') }}</template>
           <template #content>
             <v-row>
               <v-col cols="4">
                 <v-switch
                   v-model="widget.options.showVehiclePath"
                   class="my-1"
-                  label="Vehicle path"
+                  :label="$t('Show vehicle path')"
                   :color="widget.options.showVehiclePath ? 'white' : undefined"
                   hide-details
                 />
@@ -174,7 +174,7 @@
                 <v-switch
                   v-model="widget.options.showCoordinateGrid"
                   class="my-1"
-                  label="Coordinate grid"
+                  :label="$t('Show coordinate grid')"
                   :color="widget.options.showCoordinateGrid ? 'white' : undefined"
                   hide-details
                 />
@@ -183,7 +183,7 @@
                 <v-switch
                   v-model="widget.options.showPoiArrows"
                   class="my-1"
-                  label="Point of Interest arrows"
+                  :label="$t('Point of Interest arrows')"
                   :color="widget.options.showPoiArrows ? 'white' : undefined"
                   hide-details
                 />
@@ -192,7 +192,7 @@
                 <v-switch
                   v-model="widget.options.showHomeArrow"
                   class="my-1"
-                  label="Home arrow"
+                  :label="$t('Home arrow')"
                   :color="widget.options.showHomeArrow ? 'white' : undefined"
                   hide-details
                 />
@@ -201,7 +201,7 @@
                 <v-switch
                   v-model="widget.options.showVehicleArrow"
                   class="my-1"
-                  label="Vehicle arrow"
+                  :label="$t('Vehicle arrow')"
                   :color="widget.options.showVehicleArrow ? 'white' : undefined"
                   hide-details
                 />
@@ -227,7 +227,7 @@
     :style="{ top: topProgressBarDisplacement }"
     class="absolute left-[7px] mt-4 flex text-md font-bold text-white z-30 drop-shadow-md"
   >
-    Loading mission...
+    {{ $t('Loading mission...') }}
   </p>
 
   <PoiManager ref="poiManagerMapWidgetRef" />
@@ -257,8 +257,7 @@
     :style="interfaceStore.globalGlassMenuStyles"
   >
     <p>
-      Saving offline map content
-      <span v-if="savingLayerName">({{ savingLayerName }})</span>:&nbsp;
+      {{ $t('Saving {layerName} offline tiles', { layerName: savingLayerName || '' }) }}:&nbsp;
       {{ tilesTotal ? Math.round((tilesSaved / tilesTotal) * 100) : 0 }}%
     </p>
   </div>
@@ -269,20 +268,11 @@ import 'leaflet-edgebuffer'
 
 import { useDebounceFn, useElementHover } from '@vueuse/core'
 import { formatDistanceToNow } from 'date-fns'
+import { enUS, zhCN } from 'date-fns/locale'
 import L, { type LatLngTuple, LayersControlEvent, LeafletMouseEvent, Map } from 'leaflet'
 import { SaveStatus, savetiles, tileLayerOffline } from 'leaflet.offline'
-import {
-  computed,
-  nextTick,
-  onBeforeMount,
-  onBeforeUnmount,
-  onMounted,
-  reactive,
-  ref,
-  shallowRef,
-  toRefs,
-  watch,
-} from 'vue'
+import { computed, nextTick, onBeforeMount, onBeforeUnmount, onMounted, ref, shallowRef, toRefs, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 
 import copterMarkerImage from '@/assets/arducopter-top-view.avif'
@@ -326,6 +316,7 @@ const props = defineProps<{ widget: Widget }>()
 const widget = toRefs(props).widget
 const interfaceStore = useAppInterfaceStore()
 const { showDialog, closeDialog } = useInteractionDialog()
+const { t, locale } = useI18n()
 // Instantiate the necessary stores
 const vehicleStore = useMainVehicleStore()
 const missionStore = useMissionStore()
@@ -632,7 +623,11 @@ watch(
 const mapBase = ref<HTMLElement>()
 const isMouseOver = useElementHover(mapBase)
 
-const zoomControl = L.control.zoom({ position: 'bottomright' })
+const zoomControl = L.control.zoom({
+  position: 'bottomright',
+  zoomInTitle: t('Zoom in'),
+  zoomOutTitle: t('Zoom out'),
+})
 const layerControl = L.control.layers(baseMaps, overlays)
 const gridLayer = shallowRef<L.LayerGroup | undefined>(undefined)
 
@@ -942,13 +937,16 @@ const confirmDownloadDialog =
   (status: SaveStatus, ok: () => void): void => {
     showDialog({
       variant: 'info',
-      message: `Save ${status._tilesforSave.length} ${layerLabel} tiles for offline use?`,
+      message: t('Save {count} {layerLabel} tiles for offline use?', {
+        count: status._tilesforSave.length,
+        layerLabel,
+      }),
       persistent: false,
       maxWidth: '450px',
       actions: [
-        { text: 'Cancel', color: 'white', action: closeDialog },
+        { text: t('Cancel'), color: 'white', action: closeDialog },
         {
-          text: 'Save tiles',
+          text: t('Save tiles'),
           color: 'white',
           action: () => {
             ok()
@@ -975,7 +973,11 @@ const deleteDownloadedTilesDialog =
           action: () => {
             ok()
             closeDialog()
-            openSnackbar({ message: `${layerLabel} offline tiles removed`, variant: 'info', duration: 3000 })
+            openSnackbar({
+              message: t('{layerLabel} offline tiles removed', { layerLabel }),
+              variant: 'info',
+              duration: 3000,
+            })
           },
         },
       ] as DialogActions[],
@@ -1002,13 +1004,21 @@ const attachOfflineProgress = (layer: any, layerName: string): void => {
     tilesTotal.value = e?._tilesforSave?.length ?? 0
     savingLayerName.value = layerName
     isSavingOfflineTiles.value = true
-    openSnackbar({ message: `Saving ${tilesTotal.value} ${layerName} tiles...`, variant: 'info', duration: 2000 })
+    openSnackbar({
+      message: t('Saving {count} {layerName} tiles...', { count: tilesTotal.value, layerName }),
+      variant: 'info',
+      duration: 2000,
+    })
   })
 
   layer.on('loadtileend', () => {
     tilesSaved.value += 1
     if (tilesTotal.value > 0 && tilesSaved.value >= tilesTotal.value) {
-      openSnackbar({ message: `${layerName} offline tiles saved!`, variant: 'success', duration: 3000 })
+      openSnackbar({
+        message: t('{layerName} offline tiles saved!', { layerName }),
+        variant: 'success',
+        duration: 3000,
+      })
       isSavingOfflineTiles.value = false
       savingLayerName.value = ''
       tilesSaved.value = 0
@@ -1262,7 +1272,11 @@ const vehicleHeading = computed(() => (vehicleStore.attitude.yaw ? degrees(vehic
 // Calculate time since last vehicle heartbeat
 const timeAgoSeenText = computed(() => {
   const lastBeat = vehicleStore.lastHeartbeat
-  return lastBeat ? `${formatDistanceToNow(lastBeat ?? 0, { includeSeconds: true })} ago` : 'never'
+  if (!lastBeat) return t('never')
+
+  const dateLocale = locale.value === 'zh' ? zhCN : enUS
+  const distance = formatDistanceToNow(lastBeat, { includeSeconds: true, locale: dateLocale })
+  return locale.value === 'zh' ? `${distance}前` : `${distance} ago`
 })
 
 // Update home position when location is available
@@ -1343,15 +1357,15 @@ watch(followerTarget, (newTarget) => {
 })
 
 // Dinamically update data of the vehicle tooltip
-watch([vehiclePosition, vehicleHeading, timeAgoSeenText, () => vehicleStore.isArmed], () => {
+watch([vehiclePosition, vehicleHeading, timeAgoSeenText, () => vehicleStore.isArmed, locale], () => {
   if (vehicleMarker.value === undefined) return
 
   vehicleMarker.value.getTooltip()?.setContent(`
-    <p>Coordinates: ${vehiclePosition.value?.[0].toFixed(6)}, ${vehiclePosition.value?.[1].toFixed(6)}</p>
-    <p>Velocity: ${vehicleStore.velocity.ground?.toFixed(2) ?? 'N/A'} m/s</p>
-    <p>Heading: ${vehicleHeading.value.toFixed(2)}°</p>
-    <p>${vehicleStore.isArmed ? 'Armed' : 'Disarmed'}</p>
-    <p>Last seen: ${timeAgoSeenText.value}</p>
+    <p>${t('Coordinates')}: ${vehiclePosition.value?.[0].toFixed(6)}, ${vehiclePosition.value?.[1].toFixed(6)}</p>
+    <p>${t('Velocity')}: ${vehicleStore.velocity.ground?.toFixed(2) ?? 'N/A'} m/s</p>
+    <p>${t('Heading')}: ${vehicleHeading.value.toFixed(2)}°</p>
+    <p>${vehicleStore.isArmed ? t('Armed') : t('Disarmed')}</p>
+    <p>${t('Last seen')}: ${timeAgoSeenText.value}</p>
   `)
 
   // Update the rotation
@@ -1530,30 +1544,30 @@ const globalOriginLatitude = ref(0)
 const globalOriginLongitude = ref(0)
 const globalOriginMarker = shallowRef<L.Marker>()
 
-const menuItems = reactive([
+const menuItems = computed(() => [
   {
-    item: 'Set home waypoint',
+    item: t('Set home waypoint'),
     action: () => onMenuOptionSelect('set-home-waypoint'),
     icon: 'mdi-home-map-marker',
   },
   {
-    item: 'Set Global Origin',
+    item: t('Set Global Origin'),
     action: () => onMenuOptionSelect('set-global-origin'),
     icon: 'mdi-crosshairs-question',
   },
   {
-    item: 'Place Point of Interest',
+    item: t('Place Point of Interest'),
     action: () => onMenuOptionSelect('place-poi'),
     icon: 'mdi-map-marker-plus',
   },
-  { item: 'GoTo', action: () => onMenuOptionSelect('goto'), icon: 'mdi-crosshairs-gps' },
+  { item: t('GoTo'), action: () => onMenuOptionSelect('goto'), icon: 'mdi-crosshairs-gps' },
   {
-    item: 'Set default map position',
+    item: t('Set default map position'),
     action: () => onMenuOptionSelect('set-default-map-position'),
     icon: 'mdi-map-check',
   },
   {
-    item: 'Clear vehicle path history',
+    item: t('Clear vehicle path history'),
     action: () => onMenuOptionSelect('clear-vehicle-path-history'),
     icon: 'mdi-gesture',
   },
@@ -1561,18 +1575,18 @@ const menuItems = reactive([
 
 const updateSkipToWpMenu = (): void => {
   const want = contextMenuSelectedWpIndex.value !== null
-  const last = menuItems[menuItems.length - 1] as any
+  const last = menuItems[menuItems.value.length - 1] as any
   const lastIsSkip = !!last && last._isSkipToWp === true
 
   if (want && !lastIsSkip) {
-    menuItems.push({
-      item: `Skip mission to this Waypoint`,
+    menuItems.value.push({
+      item: `Skip mission to this WP (#${contextMenuSelectedWpIndex.value! - 1})`,
       action: () => onMenuOptionSelect('skip-to-wp'),
       icon: 'mdi-skip-next-circle',
       _isSkipToWp: true,
     } as any)
   } else if (!want && lastIsSkip) {
-    menuItems.pop()
+    menuItems.value.pop()
   } else if (want && lastIsSkip) {
     last.item = `Skip mission to this Waypoint`
   }
@@ -1605,7 +1619,7 @@ const setDefaultMapPosition = async (): Promise<void> => {
 
   try {
     await missionStore.setDefaultMapPosition(clickedLocation.value, zoom.value)
-    openSnackbar({ message: 'Default map position set', variant: 'success' })
+    openSnackbar({ message: t('Default map position set'), variant: 'success' })
 
     const tempMarker = L.marker(clickedLocation.value as LatLngTuple, {
       icon: L.divIcon({
@@ -1644,7 +1658,7 @@ const setDefaultMapPosition = async (): Promise<void> => {
     }, 1500)
   } catch (error) {
     console.error(error)
-    openSnackbar({ message: 'Failed to set default map position', variant: 'error' })
+    openSnackbar({ message: t('Failed to set default map position'), variant: 'error' })
   }
 }
 
@@ -1687,7 +1701,10 @@ const executeGoToOption = async (): Promise<void> => {
     try {
       await vehicleStore.goTo(hold, acceptanceRadius, passRadius, yaw, latitude, longitude, altitude)
     } catch (error) {
-      openSnackbar({ message: `GoTo request failed: ${(error as Error).message}`, variant: 'error' })
+      openSnackbar({
+        message: t('GoTo request failed: {error}', { error: (error as Error).message }),
+        variant: 'error',
+      })
     }
   }
 }
@@ -1707,10 +1724,10 @@ const onMenuOptionSelect = async (option: string): Promise<void> => {
       if (clickedLocation.value && poiManagerMapWidgetRef.value) {
         poiManagerMapWidgetRef.value.openDialog(clickedLocation.value)
       } else if (!clickedLocation.value) {
-        openSnackbar({ message: 'Cannot place Point of Interest without map coordinates.', variant: 'error' })
+        openSnackbar({ message: t('Cannot place POI without coordinates'), variant: 'error' })
         console.error('Cannot open POI dialog without click coordinates for new POI')
       } else if (!poiManagerMapWidgetRef.value) {
-        openSnackbar({ message: 'POI Manager (map widget) is not available.', variant: 'error' })
+        openSnackbar({ message: t('POI manager is not available'), variant: 'error' })
         console.error('Cannot open POI dialog, POI Manager (map widget) ref is not set.')
       }
       break
@@ -1732,19 +1749,22 @@ const onMenuOptionSelect = async (option: string): Promise<void> => {
     case 'skip-to-wp': {
       const idx = contextMenuSelectedWpIndex.value
       if (!vehicleStore.isVehicleOnline || idx == null) {
-        openSnackbar({ message: 'Cannot skip (vehicle offline or invalid WP).', variant: 'error' })
+        openSnackbar({ message: t('Cannot skip (vehicle offline or invalid WP).'), variant: 'error' })
         break
       }
       try {
         vehicleStore.setMissionCurrent(idx)
       } catch (error) {
-        openSnackbar({ message: `Failed to skip to WP #${idx}: ${(error as Error).message}`, variant: 'error' })
+        openSnackbar({
+          message: t('Failed to skip to WP #{idx}: {error}', { idx, error: (error as Error).message }),
+          variant: 'error',
+        })
       }
       break
     }
     case 'clear-vehicle-path-history':
       missionStore.clearVehicleHistory()
-      openSnackbar({ message: 'Vehicle path history cleared', variant: 'success' })
+      openSnackbar({ message: t('Clear vehicle path history'), variant: 'success' })
       break
 
     default:
@@ -1844,9 +1864,10 @@ const downloadMissionFromVehicle = async (): Promise<void> => {
     rebuildMissionSeqMapping(missionItemsInVehicle.value as Waypoint[])
     drawMission(missionItemsInVehicle.value as Waypoint[])
 
-    openSnackbar({ variant: 'success', message: 'Mission download succeeded!', duration: 3000 })
+    openSnackbar({ variant: 'success', message: t('Mission download succeeded!'), duration: 3000 })
   } catch (error) {
-    showDialog({ variant: 'error', title: 'Mission download failed', message: error as string, timer: 5000 })
+    const errorMessage = String(error).replace(/^Error:\s*/, '')
+    showDialog({ variant: 'error', title: t('Mission download failed'), message: errorMessage, timer: 5000 })
   } finally {
     fetchingMission.value = false
   }
@@ -1867,7 +1888,7 @@ const executeMissionOnVehicle = async (): Promise<void> => {
   try {
     await vehicleStore.startMission()
   } catch (error) {
-    openSnackbar({ message: 'Failed to start mission.', variant: 'error' })
+    openSnackbar({ message: t('Failed to start mission'), variant: 'error' })
   }
   return
 }
@@ -1891,25 +1912,25 @@ const topProgressBarDisplacement = computed(() => {
 
 const centerHomeButtonTooltipText = computed(() => {
   if (home.value === undefined) {
-    return 'Cannot center map on home (home position undefined).'
+    return t('Cannot center map on home (home position undefined).')
   }
   if (followerTarget.value === WhoToFollow.HOME) {
-    return 'Tracking home position. Click to stop tracking.'
+    return t('Tracking home position. Click to stop tracking.')
   }
-  return 'Click once to center on home or twice to track it.'
+  return t('Click once to center on home or twice to track it.')
 })
 
 const centerVehicleButtonTooltipText = computed(() => {
   if (!vehicleStore.isVehicleOnline) {
-    return 'Cannot center map on vehicle (vehicle offline).'
+    return t('Cannot center map on vehicle (vehicle offline).')
   }
   if (vehiclePosition.value === undefined) {
-    return 'Cannot center map on vehicle (vehicle position undefined).'
+    return t('Cannot center map on vehicle (vehicle position undefined).')
   }
   if (followerTarget.value === WhoToFollow.VEHICLE) {
-    return 'Tracking vehicle position. Click to stop tracking.'
+    return t('Tracking vehicle position. Click to stop tracking.')
   }
-  return 'Click once to center on vehicle or twice to track it.'
+  return t('Click once to center on vehicle or twice to track it.')
 })
 
 const missionFitCoordinates = computed<WaypointCoordinates[]>(() => {
@@ -1922,15 +1943,15 @@ const hasMissionWaypoints = computed(() => missionFitCoordinates.value.length >
 
 const centerMissionButtonTooltipText = computed(() => {
   if (!hasMissionWaypoints.value) {
-    return 'Cannot center map on mission (no waypoints loaded).'
+    return t('Cannot center map on mission (no waypoints loaded).')
   }
-  return 'Click to center the map on the current mission.'
+  return t('Click to center the map on the current mission.')
 })
 
 const centerActivatorTooltipText = computed(() => {
-  if (followerTarget.value === WhoToFollow.HOME) return 'Tracking home position. Open to change target.'
-  if (followerTarget.value === WhoToFollow.VEHICLE) return 'Tracking vehicle position. Open to change target.'
-  return 'Center map on home, vehicle or mission.'
+  if (followerTarget.value === WhoToFollow.HOME) return t('Tracking home position. Open to change target.')
+  if (followerTarget.value === WhoToFollow.VEHICLE) return t('Tracking vehicle position. Open to change target.')
+  return t('Center map on home, vehicle or mission.')
 })
 
 const centerOnMission = (): void => {
diff --git a/src/components/widgets/MissionControlPanel.vue b/src/components/widgets/MissionControlPanel.vue
index 1c128371dd..14b04fdbc1 100644
--- a/src/components/widgets/MissionControlPanel.vue
+++ b/src/components/widgets/MissionControlPanel.vue
@@ -10,7 +10,9 @@
           <v-icon class="cursor-grab opacity-40" @mousedown="enableMovingOnDrag" @mouseup="disableMovingOnDrag">
             mdi-drag
           </v-icon>
-          <div class="select-none text-[14px] font-bold mt-[1px]">Mission control panel</div>
+          <div class="select-none text-[14px] font-bold mt-[1px]">
+            {{ t('Mission control panel') }}
+          </div>
           <v-btn
             :icon="isWrapped ? 'mdi-chevron-up' : 'mdi-chevron-down'"
             variant="text"
@@ -27,7 +29,7 @@
             style="border-radius: 3px"
           >
             <div class="flex justify-around items-center w-full">
-              <v-tooltip location="top" open-delay="800" text="Skip to previous waypoint">
+              <v-tooltip location="top" open-delay="800" :text="t('Skip to previous waypoint')">
                 <template #activator="{ props: skipPrevProps }">
                   <v-btn
                     v-bind="skipPrevProps"
@@ -43,7 +45,7 @@
               <v-tooltip
                 location="top"
                 open-delay="800"
-                :text="missionStore.isMissionRunning ? 'Pause mission' : 'Start / resume mission'"
+                :text="missionStore.isMissionRunning ? t('Pause mission') : t('Start / resume mission')"
               >
                 <template #activator="{ props: playPauseProps }">
                   <v-btn
@@ -57,7 +59,7 @@
                   />
                 </template>
               </v-tooltip>
-              <v-tooltip location="top" open-delay="800" text="Skip to next waypoint">
+              <v-tooltip location="top" open-delay="800" :text="t('Skip to next waypoint')">
                 <template #activator="{ props: skipNextProps }">
                   <v-btn
                     v-bind="skipNextProps"
@@ -71,7 +73,7 @@
                 </template>
               </v-tooltip>
               <v-divider vertical class="h-[25px] mt-[3px] mx-1 opacity-10" />
-              <v-tooltip location="top" open-delay="800" text="Return to home">
+              <v-tooltip location="top" open-delay="800" :text="t('Stop mission and return to first waypoint')">
                 <template #activator="{ props: homeProps }">
                   <v-btn
                     v-bind="homeProps"
@@ -89,7 +91,9 @@
               <div
                 class="flex flex-col justify-center items-center w-[54px] h-[35px] mx-1 text-[10px] border-[1px] border-[#ffffff33] rounded-[4px] elevation-1 bg-[#EFFFFF22] select-none"
               >
-                <div class="w-full text-nowrap text-center font-bold text-shadow-md">Curr. WP</div>
+                <div class="w-full text-nowrap text-center font-bold text-shadow-md">
+                  {{ t('Curr. WP') }}
+                </div>
                 <div class="text-[12px] -mt-[2px] font-bold">{{ currentWaypointOnMission }}</div>
               </div>
               <v-menu offset-y theme="dark">
@@ -109,7 +113,7 @@
                     class="cursor-pointer"
                     @click="handleDownloadMissionOnMap"
                   >
-                    <v-list-item-title>Download mission from vehicle</v-list-item-title>
+                    <v-list-item-title>{{ t('Download mission from vehicle') }}</v-list-item-title>
                   </v-list-item>
 
                   <v-list-item
@@ -117,7 +121,7 @@
                     class="cursor-pointer"
                     @click="handleClearMissionOnMap"
                   >
-                    <v-list-item-title>Clear mission on map</v-list-item-title>
+                    <v-list-item-title>{{ t('Clear mission on map') }}</v-list-item-title>
                   </v-list-item>
                 </v-list>
               </v-menu>
@@ -131,6 +135,7 @@
 
 <script setup lang="ts">
 import { computed, onBeforeMount, ref, toRefs } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useInteractionDialog } from '@/composables/interactionDialog'
 import { openSnackbar } from '@/composables/snackbar'
@@ -141,6 +146,7 @@ import { useWidgetManagerStore } from '@/stores/widgetManager'
 import type { Widget } from '@/types/widgets'
 
 const { showDialog, closeDialog } = useInteractionDialog()
+const { t } = useI18n()
 const interfaceStore = useAppInterfaceStore()
 
 const widgetStore = useWidgetManagerStore()
@@ -197,23 +203,25 @@ onBeforeMount(() => {
 
 const handleReturnHome = (): void => {
   showDialog({
-    title: 'Return to home',
-    message: 'Are you sure you want to send the vehicle home?',
+    title: t('Return to home'),
+    message: t('Are you sure you want to send the vehicle home?'),
     variant: 'warning',
     actions: [
       {
-        text: 'Cancel',
+        text: t('Cancel'),
         size: 'small',
         action: closeDialog,
       },
       {
-        text: 'Confirm',
+        text: t('Confirm'),
         size: 'small',
         action: () => {
           closeDialog()
           vehicleStore.returnHome().catch((err) => {
             openSnackbar({
-              message: `Failed to return home: ${(err as Error).message}`,
+              message: t('Failed to return home: {error}', {
+                error: (err as Error).message,
+              }),
               variant: 'error',
             })
           })
@@ -232,7 +240,9 @@ const handlePlayAndPause = async (): Promise<void> => {
     }
   } catch (err) {
     openSnackbar({
-      message: `Failed to ${missionStore.isMissionRunning ? 'pause' : 'start'} mission: ${(err as Error).message}`,
+      message: missionStore.isMissionRunning
+        ? t('Failed to pause mission: {error}', { error: (err as Error).message })
+        : t('Failed to start mission: {error}', { error: (err as Error).message }),
       variant: 'error',
     })
   }
diff --git a/src/components/widgets/Plotter.vue b/src/components/widgets/Plotter.vue
index 900cb9bdca..d05c417733 100644
--- a/src/components/widgets/Plotter.vue
+++ b/src/components/widgets/Plotter.vue
@@ -3,7 +3,7 @@
     v-if="!widget.options.dataLakeVariableId"
     class="w-full h-full flex items-center justify-center text-center text-white text-h5 font-weight-bold p-4 overflow-hidden"
   >
-    Please open the Plotter widget configuration menu to select a variable to be plotted.
+    {{ $t('Please open the Plotter widget configuration menu to select a variable to be plotted.') }}
   </p>
   <div v-else class="main">
     <canvas ref="canvasRef" :width="canvasSize.width" :height="canvasSize.height" />
@@ -20,7 +20,7 @@
       >
         <!-- Data source section -->
         <ExpansiblePanel no-top-divider no-bottom-divider is-expanded compact>
-          <template #title>Data Source</template>
+          <template #title>{{ $t('Data Source') }}</template>
           <template #content>
             <div class="py-2">
               <v-autocomplete
@@ -28,8 +28,8 @@
                 :items="availableDataLakeNumberVariables"
                 item-title="name"
                 item-value="id"
-                label="Data Lake variable"
-                hint="Select a variable to be plotted"
+                :label="$t('Data Lake variable')"
+                :hint="$t('Select a variable to be plotted')"
                 persistent-hint
                 theme="dark"
                 variant="outlined"
@@ -43,41 +43,46 @@
 
         <!-- Appearance section -->
         <ExpansiblePanel no-top-divider no-bottom-divider compact :is-expanded="!interfaceStore.isOnSmallScreen">
-          <template #title>Appearance</template>
+          <template #title>{{ $t('Appearance') }}</template>
           <template #content>
             <div class="flex flex-wrap gap-x-8 gap-y-2 py-2">
-              <v-checkbox v-model="widget.options.showTitle" label="Show title" hide-details class="-mt-1" />
+              <v-checkbox v-model="widget.options.showTitle" :label="$t('Show title')" hide-details class="-mt-1" />
               <v-menu :close-on-content-click="false">
                 <template #activator="{ props: colorPickerActivatorProps }">
                   <div v-bind="colorPickerActivatorProps" class="flex cursor-pointer">
-                    <span class="mt-3">Background color</span>
+                    <span class="mt-3">{{ $t('Background color') }}</span>
                     <div
                       class="w-[30px] h-[30px] border-2 border-slate-700 rounded-lg cursor-pointer ml-2 mt-2"
                       :style="{ backgroundColor: widget.options.backgroundColor }"
                     ></div>
                   </div>
                 </template>
-                <v-color-picker v-model="widget.options.backgroundColor" label="Background" hide-inputs theme="dark" />
+                <v-color-picker
+                  v-model="widget.options.backgroundColor"
+                  :label="$t('Background')"
+                  hide-inputs
+                  theme="dark"
+                />
               </v-menu>
               <v-menu :close-on-content-click="false">
                 <template #activator="{ props: colorPickerActivatorProps }">
                   <div v-bind="colorPickerActivatorProps" class="flex cursor-pointer">
-                    <span class="mt-3">Line color</span>
+                    <span class="mt-3">{{ $t('Line color') }}</span>
                     <div
                       class="w-[30px] h-[30px] border-2 border-slate-700 rounded-lg cursor-pointer ml-2 mt-2"
                       :style="{ backgroundColor: widget.options.lineColor }"
                     ></div>
                   </div>
                 </template>
-                <v-color-picker v-model="widget.options.lineColor" label="Line" hide-inputs theme="dark" />
+                <v-color-picker v-model="widget.options.lineColor" :label="$t('Line')" hide-inputs theme="dark" />
               </v-menu>
               <v-text-field
                 v-model.number="widget.options.lineThickness"
                 type="number"
-                label="Line thickness"
+                :label="$t('Line thickness')"
                 variant="outlined"
                 density="compact"
-                :rules="[(v: number) => v > 0 || 'Must be greater than 0']"
+                :rules="[(v: number) => v > 0 || $t('Must be greater than {value}', { value: 0 })]"
                 style="max-width: 110px"
                 hide-details
               />
@@ -85,91 +90,75 @@
           </template>
         </ExpansiblePanel>
 
-        <!-- Statistics display section -->
+        <!-- Data points section -->
         <ExpansiblePanel no-top-divider no-bottom-divider compact :is-expanded="!interfaceStore.isOnSmallScreen">
-          <template #title>Statistics Display</template>
+          <template #title>{{ $t('Data Points') }}</template>
           <template #content>
-            <div class="flex flex-wrap items-center gap-x-6 py-2">
-              <v-checkbox v-model="widget.options.showCurrent" label="Current" hide-details class="-mt-1" />
-              <v-checkbox v-model="widget.options.showMin" label="Min" hide-details class="-mt-1" />
-              <v-checkbox v-model="widget.options.showMedian" label="Median" hide-details class="-mt-1" />
-              <v-checkbox v-model="widget.options.showAvg" label="Avg" hide-details class="-mt-1" />
-              <v-checkbox v-model="widget.options.showMax" label="Max" hide-details class="-mt-1" />
-              <v-checkbox v-model="widget.options.showStdDev" label="Std Dev" hide-details class="-mt-1" />
-              <div class="h-12 border-l border-slate-500"></div>
-              <v-text-field
-                v-model.number="widget.options.decimalPlaces"
-                type="number"
-                label="Decimal places"
-                variant="outlined"
-                density="compact"
-                :rules="[(v: number) => v >= 0 || 'Must be 0 or greater']"
-                style="max-width: 110px"
-                hide-details
+            <div class="py-2">
+              <div class="flex flex-wrap gap-x-8 gap-y-2">
+                <v-text-field
+                  v-model.number="widget.options.decimalPlaces"
+                  type="number"
+                  :label="$t('Decimal places')"
+                  variant="outlined"
+                  density="comfortable"
+                  :rules="[(v: number) => v >= 0 || $t('Must be 0 or greater')]"
+                  :hint="$t('Number of decimal places to be displayed')"
+                  width="100px"
+                />
+                <v-checkbox v-model="widget.options.limitSamples" :label="$t('Limit number of samples')" />
+                <v-text-field
+                  v-model.number="widget.options.maxSamples"
+                  type="number"
+                  :label="$t('Maximum samples')"
+                  variant="outlined"
+                  density="comfortable"
+                  :disabled="!widget.options.limitSamples"
+                  :rules="[(v: number) => v > 0 || $t('Must be greater than {value}', { value: 0 })]"
+                  :hint="$t('Higher values will show more history but may impact performance')"
+                  width="150px"
+                />
+              </div>
+              <v-checkbox
+                v-model="widget.options.updateOnConstantValue"
+                :label="$t('Update on constant value')"
+                :hint="$t('Advance graph when value is unchanged (shows horizontal lines for constant values)')"
+                persistent-hint
               />
-              <v-tooltip text="Number of decimal places to be displayed" location="top">
-                <template #activator="{ props: infoProps }">
-                  <v-icon v-bind="infoProps" size="small" class="text-slate-400 -ml-4">mdi-information-outline</v-icon>
-                </template>
-              </v-tooltip>
             </div>
           </template>
         </ExpansiblePanel>
 
-        <!-- Time axis section -->
+        <!-- Statistics display section -->
         <ExpansiblePanel no-top-divider no-bottom-divider compact :is-expanded="!interfaceStore.isOnSmallScreen">
-          <template #title>Time Axis</template>
+          <template #title>{{ $t('Statistics Display') }}</template>
           <template #content>
-            <div class="flex flex-wrap items-center gap-x-4 py-2">
-              <v-checkbox v-model="widget.options.limitSamples" label="Limit samples" hide-details class="-mt-1" />
-              <v-text-field
-                v-model.number="widget.options.maxSamples"
-                type="number"
-                label="Max samples"
-                variant="outlined"
-                density="compact"
-                :disabled="!widget.options.limitSamples"
-                :rules="[(v: number) => v > 0 || 'Must be greater than 0']"
-                style="max-width: 110px"
-                hide-details
-              />
-              <v-tooltip text="Higher values will show more history but may impact performance" location="top">
-                <template #activator="{ props: infoProps }">
-                  <v-icon v-bind="infoProps" size="small" class="text-slate-400 -ml-2">mdi-information-outline</v-icon>
-                </template>
-              </v-tooltip>
-              <div class="h-12 border-l border-slate-500"></div>
-              <v-checkbox
-                v-model="widget.options.updateOnConstantValue"
-                label="Update on constant value"
-                hide-details
-                class="-mt-1"
-              />
-              <v-tooltip
-                text="Advance graph when value is unchanged (shows horizontal lines for constant values)"
-                location="top"
-                max-width="300px"
-              >
-                <template #activator="{ props: infoProps }">
-                  <v-icon v-bind="infoProps" size="small" class="text-slate-400 -ml-2 -mt-1"
-                    >mdi-information-outline</v-icon
-                  >
-                </template>
-              </v-tooltip>
+            <div class="flex flex-wrap gap-x-6 py-2">
+              <v-checkbox v-model="widget.options.showCurrent" :label="$t('Current')" hide-details class="-mt-1" />
+              <v-checkbox v-model="widget.options.showMin" :label="$t('Min')" hide-details class="-mt-1" />
+              <v-checkbox v-model="widget.options.showMedian" :label="$t('Median')" hide-details class="-mt-1" />
+              <v-checkbox v-model="widget.options.showAvg" :label="$t('Avg')" hide-details class="-mt-1" />
+              <v-checkbox v-model="widget.options.showMax" :label="$t('Max')" hide-details class="-mt-1" />
+              <v-checkbox v-model="widget.options.showStdDev" :label="$t('Std Dev')" hide-details class="-mt-1" />
             </div>
           </template>
         </ExpansiblePanel>
 
         <!-- Vertical Range section -->
         <ExpansiblePanel no-top-divider no-bottom-divider compact :is-expanded="!interfaceStore.isOnSmallScreen">
-          <template #title>Vertical Range</template>
+          <template #title>{{ $t('Vertical Range') }}</template>
           <template #content>
             <div class="flex items-center gap-x-4 py-2 mb-2">
-              <v-checkbox v-model="widget.options.useFixedMinY" label="Fixed minimum" hide-details class="-mt-1" />
+              <v-checkbox
+                v-model="widget.options.useFixedMinY"
+                :label="$t('Fixed minimum')"
+                hide-details
+                class="-mt-1"
+              />
               <v-text-field
                 v-model.number="widget.options.fixedMinY"
                 type="number"
-                label="Min value"
+                :label="$t('Min value')"
                 variant="outlined"
                 density="compact"
                 :disabled="!widget.options.useFixedMinY"
@@ -177,11 +166,16 @@
                 hide-details
               />
               <div class="h-12 border-l border-slate-500"></div>
-              <v-checkbox v-model="widget.options.useFixedMaxY" label="Fixed maximum" hide-details class="-mt-1" />
+              <v-checkbox
+                v-model="widget.options.useFixedMaxY"
+                :label="$t('Fixed maximum')"
+                hide-details
+                class="-mt-1"
+              />
               <v-text-field
                 v-model.number="widget.options.fixedMaxY"
                 type="number"
-                label="Max value"
+                :label="$t('Max value')"
                 variant="outlined"
                 density="compact"
                 :disabled="!widget.options.useFixedMaxY"
@@ -195,7 +189,7 @@
     </template>
     <template #actions>
       <div class="flex w-full justify-end my-2">
-        <v-btn @click="widgetStore.widgetManagerVars(widget.hash).configMenuOpen = false">Close</v-btn>
+        <v-btn @click="widgetStore.widgetManagerVars(widget.hash).configMenuOpen = false">{{ $t('Close') }}</v-btn>
       </div>
     </template>
   </InteractionDialog>
diff --git a/src/components/widgets/URLVideoPlayer.vue b/src/components/widgets/URLVideoPlayer.vue
index d95a7cdf27..953ee56061 100644
--- a/src/components/widgets/URLVideoPlayer.vue
+++ b/src/components/widgets/URLVideoPlayer.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="w-full h-full">
     <!-- Some browsers only do autoplay if video is muted -->
     <video
@@ -13,9 +13,9 @@
     </video>
     <v-dialog v-model="widgetStore.widgetManagerVars(widget.hash).configMenuOpen" min-width="400" max-width="35%">
       <v-card class="pa-2" :style="interfaceStore.globalGlassMenuStyles">
-        <v-card-title class="text-center">Video Source</v-card-title>
+        <v-card-title class="text-center">{{ $t('Video Source') }}</v-card-title>
         <v-card-text>
-          <a>Video Source</a>
+          <a>{{ $t('Video Source') }}</a>
           <v-text-field
             variant="filled"
             :model-value="widget.options.source"
@@ -24,17 +24,17 @@
             @keydown.enter="widget.options.source = $event.srcElement.value"
           ></v-text-field>
           <div>
-            <span class="text-xs font-semibold leading-3 text-slate-600">Fit style</span>
+            <span class="text-xs font-semibold leading-3 text-slate-600">{{ $t('Fit style') }}</span>
             <Dropdown
               v-model="widget.options.fitStyle"
               :options="['cover', 'fill', 'contain']"
               variant="outlined"
               class="max-w-[144px]"
             />
-            <v-checkbox v-model="widget.options.autoplay" label="Autoplay" hide-details />
-            <v-checkbox v-model="widget.options.controls" label="Controls" hide-details />
-            <v-checkbox v-model="widget.options.loop" label="Loop" hide-details />
-            <v-checkbox v-model="widget.options.muted" label="Muted" hide-details />
+            <v-checkbox v-model="widget.options.autoplay" :label="$t('Autoplay')" hide-details />
+            <v-checkbox v-model="widget.options.controls" :label="$t('Show controls')" hide-details />
+            <v-checkbox v-model="widget.options.loop" :label="$t('Loop')" hide-details />
+            <v-checkbox v-model="widget.options.muted" :label="$t('Muted')" hide-details />
           </div>
         </v-card-text>
         <v-card-actions class="flex justify-end">
diff --git a/src/components/widgets/VideoPlayer.vue b/src/components/widgets/VideoPlayer.vue
index 5afc0783b2..18ae214f7b 100644
--- a/src/components/widgets/VideoPlayer.vue
+++ b/src/components/widgets/VideoPlayer.vue
@@ -8,23 +8,35 @@
       <statsForNerds :stream-name="externalStreamId" />
     </div>
     <div v-if="nameSelectedStream === undefined" class="no-video-alert">
-      <span>No video stream selected.</span>
+      <span>{{ $t('No video stream selected.') }}</span>
     </div>
     <div
       v-else-if="!namesAvailableStreams.isEmpty() && !namesAvailableStreams.includes(nameSelectedStream)"
       class="no-video-alert"
     >
-      <p>The selected stream "{{ nameSelectedStream }}" is not available.</p>
-      <p>Available ones are: {{ namesAvailableStreams.map((name) => `"${name}"`).join(', ') }}.</p>
+      <p>{{ $t('The selected stream "{streamName}" is not available.', { streamName: nameSelectedStream }) }}</p>
+      <p>
+        {{
+          $t('Available ones are: {streams}.', {
+            streams: namesAvailableStreams.map((name) => `"${name}"`).join(', '),
+          })
+        }}
+      </p>
       <br />
       <p>
-        This can happen if you changed vehicles and the stream name in the new one is different from the former, or if
-        the source is not available at all.
+        {{
+          $t(
+            'This can happen if you changed vehicles and the stream name in the new one is different from the former, or if the source is not available at all.'
+          )
+        }}
       </p>
       <br />
       <p>
-        Please open this video player configuration and select a new stream from the ones available, or check your
-        source for issues.
+        {{
+          $t(
+            'Please open this video player configuration and select a new stream from the ones available, or check your source for issues.'
+          )
+        }}
       </p>
     </div>
     <Transition name="loading-complete">
@@ -36,13 +48,13 @@
         <p class="loading-text">{{ loadingMessage }}</p>
         <div v-if="shouldShowVerboseLoading && !streamConnected && !showSuccessState" class="verbose-status">
           <p class="status-line">
-            <span class="status-label">Server: </span>
+            <span class="status-label">{{ $t('Server:') }} </span>
             <span v-for="(statusParagraph, i) in serverStatus.toString().split('\\n')" :key="'server-' + i">
               {{ statusParagraph }}
             </span>
           </p>
           <p class="status-line">
-            <span class="status-label">Stream: </span>
+            <span class="status-label">{{ $t('Stream:') }} </span>
             <span v-for="(statusParagraph, i) in streamStatus.toString().split('\\n')" :key="'stream-' + i">
               {{ statusParagraph }}
             </span>
@@ -55,27 +67,27 @@
           class="mt-3 toggle-details-btn"
           @click="toggleVerboseLoading"
         >
-          {{ shouldShowVerboseLoading ? 'Hide details' : 'Show details' }}
+          {{ shouldShowVerboseLoading ? $t('Hide details') : $t('Show details') }}
         </v-btn>
       </div>
     </Transition>
     <video id="mainDisplayStream" ref="videoElement" muted autoplay playsinline disablePictureInPicture>
-      Your browser does not support the video tag.
+      {{ $t('Your browser does not support the video tag.') }}
     </video>
   </div>
   <v-dialog v-model="widgetStore.widgetManagerVars(widget.hash).configMenuOpen" width="auto">
     <v-card class="pa-4 text-white" style="border-radius: 15px" :style="interfaceStore.globalGlassMenuStyles">
-      <v-card-title class="text-center">Video widget config</v-card-title>
+      <v-card-title class="text-center">{{ $t('Video widget config') }}</v-card-title>
       <v-card-text class="flex flex-col gap-y-4">
         <v-select
           v-model="nameSelectedStream"
-          label="Stream"
+          :label="$t('Stream name')"
           class="my-3"
           :items="enrichedStreamItems"
           item-value="internalName"
           density="compact"
           variant="outlined"
-          no-data-text="No streams available."
+          :no-data-text="$t('No streams available.')"
           hide-details
           theme="dark"
         >
@@ -119,47 +131,54 @@
         </v-select>
         <v-select
           v-model="widget.options.videoFitStyle"
-          label="Fit style"
+          :label="$t('Fit style')"
           class="my-3"
           :items="['cover', 'fill', 'contain']"
           item-title="style"
           density="compact"
           variant="outlined"
-          no-data-text="No streams available."
+          :no-data-text="$t('No streams available.')"
           hide-details
           return-object
         />
+        <v-banner-text>{{
+          $t('Saved stream name: "{name}"', { name: widget.options.internalStreamName })
+        }}</v-banner-text>
         <v-switch
           v-model="widget.options.flipHorizontally"
           class="my-1"
-          label="Flip horizontally"
+          :label="$t('Flip horizontally')"
           :color="widget.options.flipHorizontally ? 'white' : undefined"
           hide-details
         />
         <v-switch
           v-model="widget.options.flipVertically"
           class="my-1"
-          label="Flip vertically"
+          :label="$t('Flip vertically')"
           :color="widget.options.flipVertically ? 'white' : undefined"
           hide-details
         />
         <v-switch
           v-model="widget.options.statsForNerds"
           class="my-1"
-          label="Stats for nerds"
+          :label="$t('Stats for nerds')"
           :color="widget.options.statsForNerds ? 'white' : undefined"
           hide-details
         />
         <v-switch
           v-model="widget.options.showVerboseLoading"
           class="my-1"
-          label="Verbose loading status"
+          :label="$t('Verbose loading status')"
           :color="widget.options.showVerboseLoading ? 'white' : undefined"
           hide-details
         />
         <div class="flex-wrap justify-center d-flex ga-5">
-          <v-btn prepend-icon="mdi-file-rotate-left" variant="outlined" @click="rotateVideo(-90)"> Rotate Left</v-btn>
-          <v-btn prepend-icon="mdi-file-rotate-right" variant="outlined" @click="rotateVideo(+90)"> Rotate Right</v-btn>
+          <v-btn prepend-icon="mdi-file-rotate-left" variant="outlined" @click="rotateVideo(-90)">
+            {{ $t('Rotate Left') }}</v-btn
+          >
+          <v-btn prepend-icon="mdi-file-rotate-right" variant="outlined" @click="rotateVideo(+90)">
+            {{ $t('Rotate Right') }}</v-btn
+          >
         </div>
       </v-card-text>
     </v-card>
diff --git a/src/composables/armSafetyDialog.ts b/src/composables/armSafetyDialog.ts
index 9a2ffcf1a5..e2045b2b0f 100644
--- a/src/composables/armSafetyDialog.ts
+++ b/src/composables/armSafetyDialog.ts
@@ -2,6 +2,7 @@ import { v4 as uuid } from 'uuid'
 import { createApp } from 'vue'
 
 import ArmSafetyDialog from '@/components/ArmSafetyDialog.vue'
+import i18n from '@/plugins/i18n'
 import vuetify from '@/plugins/vuetify'
 import router from '@/router'
 import { useAlertStore } from '@/stores/alert'
@@ -25,7 +26,7 @@ export const openMainMenuIfSafeOrDesired = (): void => {
   // Skip warning if user has chosen to never show it again or skip for this session
   if (alertStore.neverShowArmedMenuWarning || alertStore.skipArmedMenuWarningThisSession) {
     // Show a snackbar warning instead
-    openSnackbar({ message: 'Take care, your vehicle is armed', variant: 'warning' })
+    openSnackbar({ message: i18n.global.t('Take care, your vehicle is armed'), variant: 'warning' })
     interfaceStore.isMainMenuVisible = true
     return
   }
@@ -33,6 +34,7 @@ export const openMainMenuIfSafeOrDesired = (): void => {
   const mountPoint = document.createElement('div')
   mountPoint.id = `arm-safety-dialog-${uuid()}`
   document.body.appendChild(mountPoint)
+
   const dialogApp = createApp(ArmSafetyDialog, {
     onConfirmed: () => {
       dialogApp.unmount()
@@ -45,5 +47,6 @@ export const openMainMenuIfSafeOrDesired = (): void => {
   })
   dialogApp.use(vuetify)
   dialogApp.use(router)
+  dialogApp.use(i18n)
   dialogApp.mount(mountPoint)
 }
diff --git a/src/electron/main.ts b/src/electron/main.ts
index e2714c852d..9c15e5b653 100644
--- a/src/electron/main.ts
+++ b/src/electron/main.ts
@@ -8,6 +8,7 @@ import { setupGo2RTCService } from './services/go2rtc'
 import { setupHardwareTelemetryService } from './services/hardware-telemetry'
 import { setupJoystickMonitoring } from './services/joystick'
 import { linkService } from './services/link'
+import { setupMenuService } from './services/menu'
 import { setupNetworkService } from './services/network'
 import { setupOsmRefererService } from './services/osm-referer'
 import { setupResourceMonitoringService } from './services/resource-monitoring'
@@ -105,6 +106,7 @@ setupWorkspaceService()
 setupJoystickMonitoring()
 setupVideoRecordingService()
 setupGo2RTCService()
+setupMenuService()
 
 app.whenReady().then(async () => {
   console.log('Electron app is ready.')
diff --git a/src/electron/preload.ts b/src/electron/preload.ts
index 10e331761d..49a4167e97 100644
--- a/src/electron/preload.ts
+++ b/src/electron/preload.ts
@@ -100,4 +100,5 @@ contextBridge.exposeInMainWorld('electronAPI', {
   getCurrentUserAgent: () => ipcRenderer.invoke('get-current-user-agent'),
   getSystemInfo: () => ipcRenderer.invoke('get-system-info'),
   getHardwareTelemetryInfo: () => ipcRenderer.invoke('get-hardware-telemetry-info'),
+  updateMenuLanguage: (locale: string) => ipcRenderer.invoke('update-menu-language', locale),
 })
diff --git a/src/electron/services/menu.ts b/src/electron/services/menu.ts
new file mode 100644
index 0000000000..ca4533de76
--- /dev/null
+++ b/src/electron/services/menu.ts
@@ -0,0 +1,328 @@
+import { type MenuItemConstructorOptions, app, ipcMain, Menu } from 'electron'
+import { readFileSync } from 'fs'
+import { join } from 'path'
+
+import { ROOT_PATH } from '../main'
+
+/**
+ *
+ */
+interface Translations {
+  [key: string]: {
+    /**
+     *
+     */
+    electronMenu: {
+      /**
+       *
+       */
+      file: string
+      /**
+       *
+       */
+      edit: string
+      /**
+       *
+       */
+      view: string
+      /**
+       *
+       */
+      window: string
+      /**
+       *
+       */
+      help: string
+      /**
+       *
+       */
+      reload: string
+      /**
+       *
+       */
+      forceReload: string
+      /**
+       *
+       */
+      toggleDevTools: string
+      /**
+       *
+       */
+      actualSize: string
+      /**
+       *
+       */
+      zoomIn: string
+      /**
+       *
+       */
+      zoomOut: string
+      /**
+       *
+       */
+      toggleFullScreen: string
+      /**
+       *
+       */
+      undo: string
+      /**
+       *
+       */
+      redo: string
+      /**
+       *
+       */
+      cut: string
+      /**
+       *
+       */
+      copy: string
+      /**
+       *
+       */
+      paste: string
+      /**
+       *
+       */
+      delete: string
+      /**
+       *
+       */
+      selectAll: string
+      /**
+       *
+       */
+      minimize: string
+      /**
+       *
+       */
+      close: string
+      /**
+       *
+       */
+      quit: string
+      /**
+       *
+       */
+      learnMore: string
+    }
+  }
+}
+
+const translations: Translations = {
+  en: {
+    electronMenu: {
+      file: 'File',
+      edit: 'Edit',
+      view: 'View',
+      window: 'Window',
+      help: 'Help',
+      reload: 'Reload',
+      forceReload: 'Force Reload',
+      toggleDevTools: 'Toggle Developer Tools',
+      actualSize: 'Actual Size',
+      zoomIn: 'Zoom In',
+      zoomOut: 'Zoom Out',
+      toggleFullScreen: 'Toggle Full Screen',
+      undo: 'Undo',
+      redo: 'Redo',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      delete: 'Delete',
+      selectAll: 'Select All',
+      minimize: 'Minimize',
+      close: 'Close',
+      quit: 'Quit',
+      learnMore: 'Learn More',
+    },
+  },
+  zh: {
+    electronMenu: {
+      file: '文件',
+      edit: '编辑',
+      view: '视图',
+      window: '窗口',
+      help: '帮助',
+      reload: '重新加载',
+      forceReload: '强制重新加载',
+      toggleDevTools: '切换开发者工具',
+      actualSize: '实际大小',
+      zoomIn: '放大',
+      zoomOut: '缩小',
+      toggleFullScreen: '切换全屏',
+      undo: '撤销',
+      redo: '重做',
+      cut: '剪切',
+      copy: '复制',
+      paste: '粘贴',
+      delete: '删除',
+      selectAll: '全选',
+      minimize: '最小化',
+      close: '关闭',
+      quit: '退出',
+      learnMore: '了解更多',
+    },
+  },
+}
+
+/**
+ * Load translations from locale files
+ */
+function loadTranslations(): void {
+  try {
+    const localesPath = join(ROOT_PATH.dist, 'locales')
+    const enPath = join(localesPath, 'en.json')
+    const zhPath = join(localesPath, 'zh.json')
+
+    const enData = JSON.parse(readFileSync(enPath, 'utf-8'))
+    const zhData = JSON.parse(readFileSync(zhPath, 'utf-8'))
+
+    // Merge with existing translations
+    if (enData.electronMenu) {
+      translations.en.electronMenu = { ...translations.en.electronMenu, ...enData.electronMenu }
+    }
+    if (zhData.electronMenu) {
+      translations.zh.electronMenu = { ...translations.zh.electronMenu, ...zhData.electronMenu }
+    }
+  } catch (error) {
+    console.warn('Could not load locale files, using default translations:', error)
+  }
+}
+
+/**
+ * Get current language from localStorage or system
+ * @returns {string} The current language code ('en' or 'zh')
+ */
+function getCurrentLanguage(): string {
+  try {
+    // Try to read from config store if available
+    const savedLocale = app.getLocale()
+    const locale = savedLocale.split('-')[0]
+    return locale === 'zh' ? 'zh' : 'en'
+  } catch {
+    return 'en'
+  }
+}
+
+/**
+ * Create application menu with translations
+ * @param {string} locale - The locale to use for translations ('en' or 'zh')
+ * @returns {Menu} The created Electron menu
+ */
+function createMenu(locale = 'en'): Menu {
+  const t = translations[locale]?.electronMenu || translations.en.electronMenu
+
+  const isMac = process.platform === 'darwin'
+
+  const template: MenuItemConstructorOptions[] = [
+    // App menu (macOS only)
+    ...(isMac
+      ? [
+          {
+            label: app.name,
+            submenu: [
+              { role: 'about' as const },
+              { type: 'separator' as const },
+              { role: 'services' as const },
+              { type: 'separator' as const },
+              { role: 'hide' as const },
+              { role: 'hideOthers' as const },
+              { role: 'unhide' as const },
+              { type: 'separator' as const },
+              { label: t.quit, role: 'quit' as const },
+            ],
+          },
+        ]
+      : []),
+    {
+      label: t.file,
+      submenu: [isMac ? { label: t.close, role: 'close' as const } : { label: t.quit, role: 'quit' as const }],
+    },
+    {
+      label: t.edit,
+      submenu: [
+        { label: t.undo, role: 'undo' as const },
+        { label: t.redo, role: 'redo' as const },
+        { type: 'separator' as const },
+        { label: t.cut, role: 'cut' as const },
+        { label: t.copy, role: 'copy' as const },
+        { label: t.paste, role: 'paste' as const },
+        { type: 'separator' as const },
+        { label: t.selectAll, role: 'selectAll' as const },
+      ],
+    },
+    {
+      label: t.view,
+      submenu: [
+        { label: t.reload, role: 'reload' as const },
+        { label: t.forceReload, role: 'forceReload' as const },
+        { label: t.toggleDevTools, role: 'toggleDevTools' as const },
+        { type: 'separator' as const },
+        { label: t.actualSize, role: 'resetZoom' as const },
+        { label: t.zoomIn, role: 'zoomIn' as const },
+        { label: t.zoomOut, role: 'zoomOut' as const },
+        { type: 'separator' as const },
+        { label: t.toggleFullScreen, role: 'togglefullscreen' as const },
+      ],
+    },
+    {
+      label: t.window,
+      submenu: [
+        { label: t.minimize, role: 'minimize' as const },
+        { label: t.close, role: 'close' as const },
+        ...(isMac
+          ? [
+              { type: 'separator' as const },
+              { role: 'front' as const },
+              { type: 'separator' as const },
+              { role: 'window' as const },
+            ]
+          : []),
+      ],
+    },
+    {
+      label: t.help,
+      submenu: [
+        {
+          label: t.learnMore,
+          click: async () => {
+            const { shell } = await import('electron')
+            await shell.openExternal('https://docs.bluerobotics.com/ardusub-zola/software/onboard/cockpit/')
+          },
+        },
+      ],
+    },
+  ]
+
+  return Menu.buildFromTemplate(template)
+}
+
+/**
+ * Setup and initialize menu service
+ */
+export function setupMenuService(): void {
+  loadTranslations()
+
+  const locale = getCurrentLanguage()
+  const menu = createMenu(locale)
+  Menu.setApplicationMenu(menu)
+
+  // Setup IPC handler for menu language updates
+  ipcMain.handle('update-menu-language', (_event, newLocale: string) => {
+    updateMenuLanguage(newLocale)
+  })
+
+  console.log(`Menu initialized with locale: ${locale}`)
+}
+
+/**
+ * Update menu language
+ * @param {string} locale - The new locale to use ('en' or 'zh')
+ * @returns {void}
+ */
+export function updateMenuLanguage(locale: string): void {
+  const menu = createMenu(locale)
+  Menu.setApplicationMenu(menu)
+  console.log(`Menu language updated to: ${locale}`)
+}
diff --git a/src/libs/actions/mavlink-message-actions-message-definitions.ts b/src/libs/actions/mavlink-message-actions-message-definitions.ts
index cea46f191e..353aac2851 100644
--- a/src/libs/actions/mavlink-message-actions-message-definitions.ts
+++ b/src/libs/actions/mavlink-message-actions-message-definitions.ts
@@ -6,6 +6,13 @@ import { MAVLinkType } from '../connection/m2r/messages/mavlink2rest-enum'
 interface MessageField {
   value: number | string | boolean
   type: MessageFieldType
+  /**
+   * i18n key suffix used to look up a translation under
+   * `views.ConfigurationActionsView.mavlinkAction.fieldDescriptions.<descriptionKey>`.
+   * Falls back to {@link description} when the key is not found in the active locale.
+   */
+  descriptionKey: string
+  /** English description shown as fallback when no translation is available */
   description: string
   units?: string
   required: boolean
@@ -18,66 +25,77 @@ export const messageFieldDefinitions: Partial<Record<MAVLinkType, Record<string,
     target_system: {
       value: '{{autopilotSystemId}}',
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'target_system',
       description: 'System ID of target system',
       required: true,
     },
     target_component: {
       value: 1,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'target_component',
       description: 'Component ID of target component',
       required: true,
     },
     command: {
       value: 'MAV_CMD_COMPONENT_ARM_DISARM',
       type: MessageFieldType.TYPE_STRUCT_ENUM,
+      descriptionKey: 'command',
       description: 'Command ID',
       required: true,
     },
     confirmation: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'confirmation',
       description: 'Confirmation value (0: first transmission, 1-255: confirmations)',
       required: true,
     },
     param1: {
       value: 1,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'param1',
       description: 'Parameter 1',
       required: false,
     },
     param2: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'param2',
       description: 'Parameter 2',
       required: false,
     },
     param3: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'param3',
       description: 'Parameter 3',
       required: false,
     },
     param4: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'param4',
       description: 'Parameter 4',
       required: false,
     },
     param5: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'param5',
       description: 'Parameter 5',
       required: false,
     },
     param6: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'param6',
       description: 'Parameter 6',
       required: false,
     },
     param7: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'param7',
       description: 'Parameter 7',
       required: false,
     },
@@ -86,78 +104,91 @@ export const messageFieldDefinitions: Partial<Record<MAVLinkType, Record<string,
     target_system: {
       value: '{{autopilotSystemId}}',
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'target_system',
       description: 'System ID of target system',
       required: true,
     },
     target_component: {
       value: 1,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'target_component',
       description: 'Component ID of target component',
       required: true,
     },
     command: {
       value: 'MAV_CMD_DO_REPOSITION',
       type: MessageFieldType.TYPE_STRUCT_ENUM,
+      descriptionKey: 'command',
       description: 'Command ID',
       required: true,
     },
     frame: {
       value: 'MAV_FRAME_GLOBAL',
       type: MessageFieldType.TYPE_STRUCT_ENUM,
+      descriptionKey: 'frame',
       description: 'Coordinate frame',
       required: true,
     },
     current: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'current',
       description: 'Current sequence number',
       required: true,
     },
     autocontinue: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'autocontinue',
       description: 'Autocontinue bit',
       required: true,
     },
     param1: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'param1',
       description: 'Parameter 1',
       required: false,
     },
     param2: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'param2',
       description: 'Parameter 2',
       required: false,
     },
     param3: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'param3',
       description: 'Parameter 3',
       required: false,
     },
     param4: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'param4',
       description: 'Parameter 4',
       required: false,
     },
     x: {
       value: -275600000,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'x',
       description: 'Latitude',
       required: false,
     },
     y: {
       value: -484500000,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'y',
       description: 'Longitude',
       required: false,
     },
     z: {
       value: 0,
       type: MessageFieldType.NUMBER,
+      descriptionKey: 'z',
       description: 'Altitude',
       required: false,
     },
diff --git a/src/libs/cosmos.ts b/src/libs/cosmos.ts
index 4a45e38f5a..6901cc7f47 100644
--- a/src/libs/cosmos.ts
+++ b/src/libs/cosmos.ts
@@ -457,6 +457,12 @@ declare global {
        * @returns {Promise<TelemetrySystemHardwareInfo>} Serializable hardware fields
        */
       getHardwareTelemetryInfo: () => Promise<TelemetrySystemHardwareInfo>
+      /**
+       * Update the application menu language
+       * @param locale - The locale code (e.g., 'en', 'zh')
+       * @returns Promise resolving when menu is updated
+       */
+      updateMenuLanguage: (locale: string) => Promise<void>
       /**
        * Start live video streaming process with FFmpeg
        * @param firstChunk - The first video chunk blob
diff --git a/src/libs/joystick/protocols.ts b/src/libs/joystick/protocols.ts
index 27910da6d4..82fbd1f194 100644
--- a/src/libs/joystick/protocols.ts
+++ b/src/libs/joystick/protocols.ts
@@ -1,28 +1,28 @@
 import { type ProtocolAction, JoystickProtocolActionsMapping } from '@/types/joystick'
 
-import { availableCockpitActions } from './protocols/cockpit-actions'
+import { getAvailableCockpitActions } from './protocols/cockpit-actions'
 import { availableDataLakeActions } from './protocols/data-lake'
 import {
   availableMavlinkManualControlButtonFunctions,
   mavlinkManualControlAxes,
   migrateMavlinkManualControlButtons,
 } from './protocols/mavlink-manual-control'
-import { modifierKeyActions, otherAvailableActions } from './protocols/other'
+import { getModifierKeyActions, getOtherAvailableActions } from './protocols/other'
 
 export const allAvailableAxes = (): ProtocolAction[] => {
   return [
     ...Object.values(mavlinkManualControlAxes),
     ...Object.values(availableDataLakeActions()),
-    otherAvailableActions.no_function,
+    getOtherAvailableActions().no_function,
   ]
 }
 
 export const allAvailableButtons = (): ProtocolAction[] => {
   return [
-    ...Object.values(availableCockpitActions),
+    ...Object.values(getAvailableCockpitActions()),
     ...Object.values(availableMavlinkManualControlButtonFunctions),
-    ...Object.values(otherAvailableActions),
-    ...Object.values(modifierKeyActions),
+    ...Object.values(getOtherAvailableActions()),
+    ...Object.values(getModifierKeyActions()),
     ...Object.values(availableDataLakeActions()),
   ]
 }
diff --git a/src/libs/joystick/protocols/cockpit-actions.ts b/src/libs/joystick/protocols/cockpit-actions.ts
index 672efbfe5c..9553c1f3ed 100644
--- a/src/libs/joystick/protocols/cockpit-actions.ts
+++ b/src/libs/joystick/protocols/cockpit-actions.ts
@@ -1,7 +1,8 @@
+/* eslint-disable prettier/prettier */
 /* eslint-disable vue/max-len */
-/* eslint-disable prettier/prettier */
 /* eslint-disable max-len */
 import { type ArduPilotVehicleModeActionIdPattern } from '@/libs/vehicle/ardupilot/common'
+import i18n from '@/plugins/i18n'
 import { type ProtocolAction, JoystickProtocol } from '@/types/joystick'
 
 /**
@@ -47,21 +48,24 @@ export class CockpitAction implements ProtocolAction {
   }
 }
 
-// Predefined actions
-export const predefinedCockpitActions: { [key in CockpitActionsFunction]: CockpitAction } = {
-  [CockpitActionsFunction.go_to_next_view]: new CockpitAction(CockpitActionsFunction.go_to_next_view, 'Go to next view'),
-  [CockpitActionsFunction.go_to_previous_view]: new CockpitAction(CockpitActionsFunction.go_to_previous_view, 'Go to previous view'),
-  [CockpitActionsFunction.toggle_full_screen]: new CockpitAction(CockpitActionsFunction.toggle_full_screen, 'Toggle full screen'),
-  [CockpitActionsFunction.mavlink_arm]: new CockpitAction(CockpitActionsFunction.mavlink_arm, 'Mavlink arm'),
-  [CockpitActionsFunction.mavlink_disarm]: new CockpitAction(CockpitActionsFunction.mavlink_disarm, 'Mavlink disarm'),
-  [CockpitActionsFunction.toggle_bottom_bar]: new CockpitAction(CockpitActionsFunction.toggle_bottom_bar, 'Toggle bottom bar'),
-  [CockpitActionsFunction.toggle_top_bar]: new CockpitAction(CockpitActionsFunction.toggle_top_bar, 'Toggle top bar'),
-  [CockpitActionsFunction.start_recording_all_streams]: new CockpitAction(CockpitActionsFunction.start_recording_all_streams, 'Start recording all streams'),
-  [CockpitActionsFunction.stop_recording_all_streams]: new CockpitAction(CockpitActionsFunction.stop_recording_all_streams, 'Stop recording all streams'),
-  [CockpitActionsFunction.toggle_recording_all_streams]: new CockpitAction(CockpitActionsFunction.toggle_recording_all_streams, 'Toggle recording all streams'),
-  [CockpitActionsFunction.take_snapshot]: new CockpitAction(CockpitActionsFunction.take_snapshot, 'Take snapshot'),
-  [CockpitActionsFunction.hold_to_confirm]: new CockpitAction(CockpitActionsFunction.hold_to_confirm, 'Hold to confirm'),
-}
+// Getter function for dynamic translations
+export const getCockpitActions = (): { [key in CockpitActionsFunction]: CockpitAction } => ({
+  [CockpitActionsFunction.go_to_next_view]: new CockpitAction(CockpitActionsFunction.go_to_next_view, i18n.global.t('Go to next view')),
+  [CockpitActionsFunction.go_to_previous_view]: new CockpitAction(CockpitActionsFunction.go_to_previous_view, i18n.global.t('Go to previous view')),
+  [CockpitActionsFunction.toggle_full_screen]: new CockpitAction(CockpitActionsFunction.toggle_full_screen, i18n.global.t('Toggle full screen')),
+  [CockpitActionsFunction.mavlink_arm]: new CockpitAction(CockpitActionsFunction.mavlink_arm, i18n.global.t('Mavlink arm')),
+  [CockpitActionsFunction.mavlink_disarm]: new CockpitAction(CockpitActionsFunction.mavlink_disarm, i18n.global.t('Mavlink disarm')),
+  [CockpitActionsFunction.toggle_bottom_bar]: new CockpitAction(CockpitActionsFunction.toggle_bottom_bar, i18n.global.t('Toggle bottom bar')),
+  [CockpitActionsFunction.toggle_top_bar]: new CockpitAction(CockpitActionsFunction.toggle_top_bar, i18n.global.t('Toggle top bar')),
+  [CockpitActionsFunction.start_recording_all_streams]: new CockpitAction(CockpitActionsFunction.start_recording_all_streams, i18n.global.t('Start recording all streams')),
+  [CockpitActionsFunction.stop_recording_all_streams]: new CockpitAction(CockpitActionsFunction.stop_recording_all_streams, i18n.global.t('Stop recording all streams')),
+  [CockpitActionsFunction.toggle_recording_all_streams]: new CockpitAction(CockpitActionsFunction.toggle_recording_all_streams, i18n.global.t('Toggle recording all streams')),
+  [CockpitActionsFunction.take_snapshot]: new CockpitAction(CockpitActionsFunction.take_snapshot, i18n.global.t('Take snapshot')),
+  [CockpitActionsFunction.hold_to_confirm]: new CockpitAction(CockpitActionsFunction.hold_to_confirm, i18n.global.t('Hold to confirm')),
+})
+
+// Predefined actions (for backward compatibility, initialized once)
+export const predefinedCockpitActions: { [key in CockpitActionsFunction]: CockpitAction } = getCockpitActions()
 
 export type CockpitActionCallback = () => void
 
@@ -83,15 +87,25 @@ interface CallbackEntry {
  * Responsible for routing cockpit actions
  */
 export class CockpitActionsManager {
-  availableActions: { [key in CockpitActionsFunction]: CockpitAction } = { ...predefinedCockpitActions }
   actionsCallbacks: Record<string, CallbackEntry> = {}
 
-  registerNewAction = (action: CockpitAction): void => {
-    this.availableActions[action.id] = action
+  // Make availableActions a getter so it always returns fresh translations
+  /**
+   * Get available Cockpit actions with current translations
+   * @returns {object} Record of all available Cockpit actions
+   */
+  get availableActions(): { [key in CockpitActionsFunction]: CockpitAction } {
+    return getCockpitActions()
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  registerNewAction = (_action: CockpitAction): void => {
+    console.warn('registerNewAction is not supported with dynamic translations')
   }
 
-  unregisterAction = (id: CockpitActionsFunction): void => {
-    delete this.availableActions[id]
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  unregisterAction = (_id: CockpitActionsFunction): void => {
+    console.warn('unregisterAction is not supported with dynamic translations')
   }
 
   registerActionCallback = (action: CockpitAction, callback: CockpitActionCallback): string => {
@@ -143,4 +157,13 @@ export const executeActionCallback = (id: string): void => {
   cockpitActionsManager.executeActionCallback(id)
 }
 
+// Export for backward compatibility
 export const availableCockpitActions = cockpitActionsManager.availableActions
+
+/**
+ * Get all available cockpit actions with current translations
+ * @returns {{ [key in CockpitActionsFunction]: CockpitAction }} Record of all available cockpit actions
+ */
+export const getAvailableCockpitActions = (): { [key in CockpitActionsFunction]: CockpitAction } => {
+  return cockpitActionsManager.availableActions
+}
diff --git a/src/libs/joystick/protocols/other.ts b/src/libs/joystick/protocols/other.ts
index 679e51b7f9..d353027b45 100644
--- a/src/libs/joystick/protocols/other.ts
+++ b/src/libs/joystick/protocols/other.ts
@@ -1,3 +1,4 @@
+import i18n from '@/plugins/i18n'
 import { type ProtocolAction, CockpitModifierKeyOption, JoystickProtocol } from '@/types/joystick'
 
 /**
@@ -7,23 +8,29 @@ export enum OtherProtocol {
   no_function = 'no_function',
 }
 
-export const otherAvailableActions: { [key in OtherProtocol]: ProtocolAction } = {
+export const getOtherAvailableActions = (): { [key in OtherProtocol]: ProtocolAction } => ({
   [OtherProtocol.no_function]: {
     protocol: JoystickProtocol.Other,
     id: OtherProtocol.no_function,
-    name: 'No function',
+    name: i18n.global.t('No function'),
   },
-}
+})
+
+// For backward compatibility
+export const otherAvailableActions = getOtherAvailableActions()
 
-export const modifierKeyActions: { [key in CockpitModifierKeyOption]: ProtocolAction } = {
+export const getModifierKeyActions = (): { [key in CockpitModifierKeyOption]: ProtocolAction } => ({
   [CockpitModifierKeyOption.regular]: {
     protocol: JoystickProtocol.CockpitModifierKey,
     id: CockpitModifierKeyOption.regular,
-    name: 'Regular',
+    name: i18n.global.t('Regular'),
   },
   [CockpitModifierKeyOption.shift]: {
     protocol: JoystickProtocol.CockpitModifierKey,
     id: CockpitModifierKeyOption.shift,
-    name: 'Shift',
+    name: i18n.global.t('Shift'),
   },
-}
+})
+
+// For backward compatibility
+export const modifierKeyActions = getModifierKeyActions()
diff --git a/src/libs/joystick/protocols/predefined-resources.ts b/src/libs/joystick/protocols/predefined-resources.ts
index 3f3c743e47..6263c26547 100644
--- a/src/libs/joystick/protocols/predefined-resources.ts
+++ b/src/libs/joystick/protocols/predefined-resources.ts
@@ -1,37 +1,56 @@
-import { getAllActionLinks, saveActionLink } from '@/libs/actions/action-links'
-import { createDataLakeVariable, DataLakeVariableType } from '@/libs/actions/data-lake'
-import { createTransformingFunction, getAllTransformingFunctions } from '@/libs/actions/data-lake-transformations'
+import { getAllActionLinks, saveActionLink } from '@/libs/actions/action-links'
+import {
+  createDataLakeVariable,
+  DataLakeVariableType,
+  getDataLakeVariableInfo,
+  updateDataLakeVariableInfo,
+} from '@/libs/actions/data-lake'
+import {
+  createTransformingFunction,
+  getAllTransformingFunctions,
+  updateTransformingFunction,
+} from '@/libs/actions/data-lake-transformations'
 import {
   getAllMavlinkMessageActionConfigs,
   registerMavlinkMessageActionConfig,
 } from '@/libs/actions/mavlink-message-actions'
 import { MavCmd, MAVLinkType } from '@/libs/connection/m2r/messages/mavlink2rest-enum'
 import { getUnindentedString } from '@/libs/utils'
-import { MessageFieldType } from '@/types/cockpit-actions'
-import { customActionTypes } from '@/types/cockpit-actions'
+import i18n from '@/plugins/i18n'
+import { customActionTypes, MessageFieldType } from '@/types/cockpit-actions'
 
 export let mavlinkCameraZoomActionId: string | undefined = undefined
 export let mavlinkCameraFocusActionId: string | undefined = undefined
 
 export const setupMavlinkCameraResources = (): void => {
   const commonVariableConfig = { type: 'number' as DataLakeVariableType, allowUserToChangeValue: true }
-  // Initialize camera zoom variables
-  createDataLakeVariable({ id: 'camera-zoom-decrease', name: 'Camera Zoom Decrease', ...commonVariableConfig }, 0)
-  createDataLakeVariable({ id: 'camera-zoom-increase', name: 'Camera Zoom Increase', ...commonVariableConfig }, 0)
-  createDataLakeVariable({ id: 'camera-zoom-speed', name: 'Camera Zoom Speed', ...commonVariableConfig }, 3)
+  const cameraVariables = [
+    { id: 'camera-zoom-decrease', nameKey: 'Camera Zoom Decrease', defaultValue: 0 },
+    { id: 'camera-zoom-increase', nameKey: 'Camera Zoom Increase', defaultValue: 0 },
+    { id: 'camera-zoom-speed', nameKey: 'Camera Zoom Speed', defaultValue: 3 },
+    { id: 'camera-focus-decrease', nameKey: 'Camera Focus Decrease', defaultValue: 0 },
+    { id: 'camera-focus-increase', nameKey: 'Camera Focus Increase', defaultValue: 0 },
+    { id: 'camera-focus-speed', nameKey: 'Camera Focus Speed', defaultValue: 3 },
+  ]
 
-  // Initialize camera focus variables
-  createDataLakeVariable({ id: 'camera-focus-decrease', name: 'Camera Focus Decrease', ...commonVariableConfig }, 0)
-  createDataLakeVariable({ id: 'camera-focus-increase', name: 'Camera Focus Increase', ...commonVariableConfig }, 0)
-  createDataLakeVariable({ id: 'camera-focus-speed', name: 'Camera Focus Speed', ...commonVariableConfig }, 3)
+  for (const { id, nameKey, defaultValue } of cameraVariables) {
+    const name = i18n.global.t(nameKey)
+    const existing = getDataLakeVariableInfo(id)
+    if (existing) {
+      if (existing.name !== name) updateDataLakeVariableInfo({ ...existing, name })
+    } else {
+      createDataLakeVariable({ id, name, ...commonVariableConfig }, defaultValue)
+    }
+  }
 
   // Initialize camera zoom transforming function
   try {
     const func = getAllTransformingFunctions().find((f) => f.id === 'camera-zoom')
+    const zoomName = i18n.global.t('Camera Zoom')
     if (!func) {
       createTransformingFunction(
         'camera-zoom',
-        'Camera Zoom',
+        zoomName,
         'number',
         getUnindentedString(`
           const zoom = ({{camera-zoom-increase}} - {{camera-zoom-decrease}}) * {{camera-zoom-speed}}
@@ -39,6 +58,8 @@ export const setupMavlinkCameraResources = (): void => {
         `),
         'Used to control the camera zoom. The value is the difference between {{camera-zoom-increase}} and {{camera-zoom-decrease}}, multiplied by {{camera-zoom-speed}}.'
       )
+    } else if (func.name !== zoomName) {
+      updateTransformingFunction({ ...func, name: zoomName })
     }
   } catch (error) {
     console.error('Error creating camera zoom transforming function:', error)
@@ -47,10 +68,11 @@ export const setupMavlinkCameraResources = (): void => {
   // Initialize camera focus transforming function
   try {
     const func = getAllTransformingFunctions().find((f) => f.id === 'camera-focus')
+    const focusName = i18n.global.t('Camera Focus')
     if (!func) {
       createTransformingFunction(
         'camera-focus',
-        'Camera Focus',
+        focusName,
         'number',
         getUnindentedString(`
           const focus = ({{camera-focus-increase}} - {{camera-focus-decrease}}) * {{camera-focus-speed}}
@@ -58,6 +80,8 @@ export const setupMavlinkCameraResources = (): void => {
         `),
         'Used to control the camera focus. The value is the difference between {{camera-focus-increase}} and {{camera-focus-decrease}}, multiplied by {{camera-focus-speed}}.'
       )
+    } else if (func.name !== focusName) {
+      updateTransformingFunction({ ...func, name: focusName })
     }
   } catch (error) {
     console.error('Error creating camera focus transforming function:', error)
diff --git a/src/libs/sensors-logging.ts b/src/libs/sensors-logging.ts
index 9d0b6eb377..06e585aa90 100644
--- a/src/libs/sensors-logging.ts
+++ b/src/libs/sensors-logging.ts
@@ -258,7 +258,7 @@ class DataLogger {
 
   set logInterval(value: number) {
     if (value < 1) {
-      showDialog({ message: 'Minimum log interval is 1 millisecond (1000 Hz).', variant: 'error' })
+      showDialog({ message: t('Minimum log interval is {min} milliseconds'), variant: 'error' })
       return
     }
 
@@ -272,7 +272,7 @@ class DataLogger {
 
   set frequency(value: number) {
     if (value > 1000 || value < 0.1) {
-      showDialog({ message: 'Log frequency should stay between 0.1 Hz and 1000 Hz.', variant: 'error' })
+      showDialog({ message: t('Log frequency must be between {min} and {max} Hz'), variant: 'error' })
       return
     }
 
diff --git a/src/libs/slide-to-confirm.ts b/src/libs/slide-to-confirm.ts
index ca0e84c549..a9d9ae19c7 100644
--- a/src/libs/slide-to-confirm.ts
+++ b/src/libs/slide-to-confirm.ts
@@ -1,5 +1,6 @@
 import { ref } from 'vue'
 
+import { t } from '@/plugins/i18n'
 import { useMissionStore } from '@/stores/mission'
 
 import {
@@ -76,6 +77,99 @@ export interface ConfirmContent {
   expiredText?: string
 }
 
+/**
+ * Get translated confirm text based on command
+ * @param {string} command The command to translate
+ * @returns {string} The translated confirm text
+ */
+function getConfirmText(command: string): string {
+  const commandMap: Record<string, string> = {
+    'Arm': t('Confirm Arm'),
+    'Disarm': t('Confirm Disarm'),
+    'Takeoff': t('Confirm Takeoff'),
+    'Land': t('Confirm Land'),
+    'Goto': t('Confirm Go To'),
+    'GoTo': t('Confirm Go To'),
+    'Altitude Change': t('Confirm Altitude Change'),
+    'Arm and GoTo': t('Confirm Arm and Go To'),
+  }
+  return commandMap[command] || `Confirm ${command}`
+}
+
+/**
+ * Get translated confirmed text based on command
+ * @param {string} command The command to translate
+ * @returns {string} The translated confirmed text
+ */
+function getConfirmedText(command: string): string {
+  const commandMap: Record<string, string> = {
+    'Arm': t('Arm confirmed'),
+    'Disarm': t('Disarm confirmed'),
+    'Takeoff': t('Takeoff confirmed'),
+    'Land': t('Land confirmed'),
+    'Goto': t('Go To confirmed'),
+    'GoTo': t('Go To confirmed'),
+    'Altitude Change': t('Altitude change confirmed'),
+    'Arm and GoTo': t('Arm and Go To confirmed'),
+  }
+  return commandMap[command] || `${command} confirmed`
+}
+
+/**
+ * Get translated denied text based on command
+ * @param {string} command The command to translate
+ * @returns {string} The translated denied text
+ */
+function getDeniedText(command: string): string {
+  const commandMap: Record<string, string> = {
+    'Arm': t('Arm denied'),
+    'Disarm': t('Disarm denied'),
+    'Takeoff': t('Takeoff denied'),
+    'Land': t('Land denied'),
+    'Goto': t('Go To denied'),
+    'GoTo': t('Go To denied'),
+    'Altitude Change': t('Altitude change denied'),
+  }
+  return commandMap[command] || `${command} denied`
+}
+
+/**
+ * Get translated expired text based on command
+ * @param {string} command The command to translate
+ * @returns {string} The translated expired text
+ */
+function getExpiredText(command: string): string {
+  const commandMap: Record<string, string> = {
+    'Arm': t('Arm confirmation expired'),
+    'Disarm': t('Disarm confirmation expired'),
+    'Takeoff': t('Takeoff confirmation expired'),
+    'Land': t('Land confirmation expired'),
+    'Goto': t('Go To confirmation expired'),
+    'GoTo': t('Go To confirmation expired'),
+    'Altitude Change': t('Altitude change confirmation expired'),
+  }
+  return commandMap[command] || `${command} expired`
+}
+
+/**
+ * Get translated command name
+ * @param {string} command The command to translate
+ * @returns {string} The translated command name
+ */
+function getCommandName(command: string): string {
+  const commandMap: Record<string, string> = {
+    'Arm': t('Arm'),
+    'Disarm': t('Disarm'),
+    'Takeoff': t('Takeoff'),
+    'Land': t('Land'),
+    'Goto': t('Go To'),
+    'GoTo': t('Go To'),
+    'Altitude Change': t('Altitude Change'),
+    'Arm and GoTo': t('Arm and Go To'),
+  }
+  return commandMap[command] || command
+}
+
 /**
  * Specify if by default event categories need to be confirmed by the user.
  * @type {boolean}
@@ -158,17 +252,19 @@ export function slideToConfirm(content: ConfirmContent, byPass = false): Promise
 
   /** If there is already some confirmation step, deny the action */
   if (showSlideToConfirm.value) {
-    return Promise.reject(new Error(`Cannot confirm ${content.command}. Another confirmation is already in progress.`))
+    return Promise.reject(
+      new Error(t('Another confirmation is already in progress for command: {command}', { command: content.command }))
+    )
   }
 
   // Register the hold to confirm action for joystick listening
   const holdToConfirmCallbackId = registerHoldToConfirm()
 
   // Setup and show the slide to confirm component
-  sliderText.value = content.text ?? `Confirm ${content.command}`
-  confirmationSliderText.value = content.confirmedText ?? `${content.command} confirmed`
-  deniedText.value = content.deniedText ?? `${content.command} denied`
-  expiredText.value = content.expiredText ?? `${content.command} expired`
+  sliderText.value = content.text ?? getConfirmText(content.command)
+  confirmationSliderText.value = content.confirmedText ?? getConfirmedText(content.command)
+  deniedText.value = content.deniedText ?? getDeniedText(content.command)
+  expiredText.value = content.expiredText ?? getExpiredText(content.command)
   showSlideToConfirm.value = true
 
   // Register the callback to call the action
@@ -181,7 +277,9 @@ export function slideToConfirm(content: ConfirmContent, byPass = false): Promise
         return resolve()
       }
 
-      return reject(new Error(`Confirmation of '${content.command}' command ignored or denied by the user.`))
+      return reject(
+        new Error(t("Command '{command}' was ignored or denied", { command: getCommandName(content.command) }))
+      )
     }
   })
 }
diff --git a/src/libs/utils-vue.ts b/src/libs/utils-vue.ts
index c1a02e0789..b07f4d4105 100644
--- a/src/libs/utils-vue.ts
+++ b/src/libs/utils-vue.ts
@@ -1,3 +1,5 @@
+import { useI18n } from 'vue-i18n'
+
 import { useInteractionDialog } from '@/composables/interactionDialog'
 
 import { reloadCockpit } from './utils'
@@ -9,7 +11,8 @@ const { showDialog } = useInteractionDialog()
  * @param {number} timeout The time to wait before reloading, with a warning dialog opened, in milliseconds. Default value is 500 ms.
  */
 export const reloadCockpitAndWarnUser = (timeout = 4000): void => {
-  const restartMessage = `Restarting Cockpit in ${timeout / 1000} seconds...`
+  const { t } = useI18n()
+  const restartMessage = t('Restarting Cockpit in {seconds} seconds...', { seconds: timeout / 1000 })
   console.log(restartMessage)
   showDialog({ message: restartMessage, variant: 'info', timer: timeout })
   reloadCockpit(timeout)
diff --git a/src/libs/vehicle/mavlink/vehicle.ts b/src/libs/vehicle/mavlink/vehicle.ts
index 3c57390789..17e5ea43e1 100644
--- a/src/libs/vehicle/mavlink/vehicle.ts
+++ b/src/libs/vehicle/mavlink/vehicle.ts
@@ -52,6 +52,7 @@ import {
   StatusText,
   Velocity,
 } from '@/libs/vehicle/types'
+import i18n from '@/plugins/i18n'
 import { type MissionLoadingCallback, type Waypoint, defaultLoadingCallback } from '@/types/mission'
 
 import { flattenData } from '../common/data-flattener'
@@ -174,7 +175,10 @@ export abstract class MAVLinkVehicle<Modes> extends Vehicle.AbstractVehicle<Mode
 
     if (!receivedCommandAck) {
       throw Error(
-        `No acknowledgment received for command '${commandMessage.command.type}' before timeout (${timeout / 1000}s).`
+        i18n.global.t("No acknowledgment received for command '{{command}}' before timeout ({{timeout}}s).", {
+          command: commandMessage.command.type,
+          timeout: timeout / 1000,
+        })
       )
     }
 
@@ -1103,7 +1107,7 @@ export abstract class MAVLinkVehicle<Modes> extends Vehicle.AbstractVehicle<Mode
       await sleep(250)
       const timeSinceLastTimeout = new Date().getTime() - timeoutEpoch
       if (timeSinceLastTimeout > timeoutBetweenItems) {
-        const msg = `[Mission download] Timeout reached while fetching mission count.`
+        const msg = i18n.global.t('Timeout reached while fetching mission count.')
         console.error(msg)
         throw Error(msg)
       }
@@ -1124,7 +1128,7 @@ export abstract class MAVLinkVehicle<Modes> extends Vehicle.AbstractVehicle<Mode
 
     // If the items count is not received, throw an error
     if (itemsCount === undefined) {
-      const msg = '[Mission download] Did not receive number of mission items from vehicle.'
+      const msg = i18n.global.t('Did not receive number of mission items from vehicle.')
       console.error(msg)
       throw Error(msg)
     }
@@ -1146,7 +1150,7 @@ export abstract class MAVLinkVehicle<Modes> extends Vehicle.AbstractVehicle<Mode
       await sleep(1)
       const timeSinceLastTimeout = new Date().getTime() - timeoutEpoch
       if (timeSinceLastTimeout > timeoutBetweenItems) {
-        const msg = `[Mission download] Timeout reached while downloading mission items.`
+        const msg = i18n.global.t('Timeout reached while downloading mission items.')
         console.error(msg)
         throw Error(msg)
       }
@@ -1282,8 +1286,10 @@ export abstract class MAVLinkVehicle<Modes> extends Vehicle.AbstractVehicle<Mode
     const resetMode = this.modesAvailable().get(resetModeName)
     if (resetMode === undefined) {
       throw Error(
-        `${resetModeName} mode is not available.
-        Please put the vehicle in ${resetModeName} mode manually so a new mission can be started.`
+        i18n.global.t(
+          '{{mode}} mode is not available. Please put the vehicle in {{mode}} mode manually so a new mission can be started.',
+          { mode: resetModeName }
+        )
       )
     }
 
@@ -1297,7 +1303,9 @@ export abstract class MAVLinkVehicle<Modes> extends Vehicle.AbstractVehicle<Mode
     }
 
     if (this.mode() !== resetMode) {
-      throw Error(`Could not put vehicle in ${resetModeName} mode. Please do it manually.`)
+      throw Error(
+        i18n.global.t('Could not put vehicle in {{mode}} mode. Please do it manually.', { mode: resetModeName })
+      )
     }
   }
 
@@ -1316,7 +1324,7 @@ export abstract class MAVLinkVehicle<Modes> extends Vehicle.AbstractVehicle<Mode
       await sleep(100)
     }
     if (!this.isArmed) {
-      throw Error('Could not arm the vehicle. Please arm it manually.')
+      throw Error(i18n.global.t('Could not arm the vehicle. Please arm it manually.'))
     }
 
     await this.sendCommandLong(MavCmd.MAV_CMD_MISSION_START, 0, 0)
@@ -1404,7 +1412,7 @@ export abstract class MAVLinkVehicle<Modes> extends Vehicle.AbstractVehicle<Mode
       console.debug(`[Mission upload] Time since last timeout: ${timeSinceLastTimeout / 1000}s`)
       if (timeSinceLastTimeout > timeoutBetweenItems) {
         console.error('[Mission upload] Timeout reached while uploading mission.')
-        throw Error(`Timeout reached while uploading mission.`)
+        throw Error(i18n.global.t('Timeout reached while uploading mission.'))
       }
 
       // Check if the vehicle has requested a mission item
@@ -1463,10 +1471,10 @@ export abstract class MAVLinkVehicle<Modes> extends Vehicle.AbstractVehicle<Mode
 
     if (missionAck === undefined) {
       console.error('[Mission upload] Mission acknowledgment is undefined. Upload failed.')
-      throw Error('Did not receive acknowledgment of mission upload.')
+      throw Error(i18n.global.t('Did not receive acknowledgment of mission upload.'))
     } else if (missionAck !== MavMissionResult.MAV_MISSION_ACCEPTED) {
       console.error('[Mission upload] Mission acknowledgment is not MAV_MISSION_ACCEPTED. Upload failed.')
-      throw Error(`Failed uploading mission. Result received: ${missionAck}.`)
+      throw Error(i18n.global.t('Failed uploading mission. Result received: {{result}}.', { result: missionAck }))
     }
 
     loadingCallback(100)
diff --git a/src/locales/zh.json b/src/locales/zh.json
new file mode 100644
index 0000000000..d1685252fd
--- /dev/null
+++ b/src/locales/zh.json
@@ -0,0 +1,1950 @@
+{
+  "splash": {
+    "messages": [
+      "正在分配海豚进行声呐翻译……",
+      "观察章鱼以优化深色模式……",
+      "说服海神波塞冬与我们交换三叉戟……",
+      "扬帆远航，随风而行……",
+      "摇晃水母以冻结界面……",
+      "聚拢珊瑚进行校准……",
+      "穿着救生衣慵懒地漂浮……",
+      "打捞沉船……",
+      "寻找小丑鱼尼莫……",
+      "与鲸鱼合唱……",
+      "为鲤鱼调音竖琴……",
+      "与海星仰望星空……",
+      "为电鳗充电……",
+      "在海草迪斯科中摇摆……",
+      "参加剑鱼击剑对决……",
+      "将自主水下航行器排成一列……",
+      "擦亮舷窗以获得水晶般清晰的视野……",
+      "说服螃蟹停止双击所有按钮……",
+      "与星星同步罗盘（猎户座，请别动）……",
+      "向海藻鞠躬以获取更绿色的界面主题……",
+      "预热推进器——顺便预热咖啡机……",
+      "更新藤壶固件——可能会有些痒……",
+      "部署橡皮鸭进行安全认证……",
+      "向压载舱注入新鲜灵感……",
+      "绘制海洋双关语地图……检测到深度级幽默……",
+      "逐像素渲染波浪——冲浪即将开始……",
+      "教海鸥最新的悬停手势……",
+      "查看潮汐表以安排零食休息时间……",
+      "为海龟更换电池（开玩笑的）……",
+      "驱除代码小鬼——请将双手放在驾驶舱内……",
+      "校准陀螺仪——旋转只在舞池里才好玩……"
+    ]
+  },
+  "missionNames": [
+    "潜入深渊探索",
+    "踏上海神之旅",
+    "探索马里亚纳幻境",
+    "开启海洋奥德赛",
+    "发现海床宁静",
+    "登上亚特兰蒂斯",
+    "征服海怪巢穴",
+    "探寻深蓝之秘",
+    "潮汐探索的胜利",
+    "穿越航海枢纽",
+    "踏入壮阔海底",
+    "潜入蔚蓝深渊",
+    "迈入波塞冬之门",
+    "破解珊瑚密码",
+    "踏入漩涡深处",
+    "守望海怪巢穴",
+    "探查水中异象",
+    "与海妖共鸣",
+    "潜入琼斯船长深渊",
+    "启程水下传奇",
+    "请教海洋神谕",
+    "穿越神秘大漩涡",
+    "游历海洋风暴",
+    "解锁深海奥秘",
+    "寻觅潮汐宁静",
+    "深渊炼金术",
+    "穿越海神星网",
+    "解开水手之谜",
+    "沉没之地交响",
+    "海怪传承传说",
+    "探索深蓝世界",
+    "破解航海谜题"
+  ],
+  "OK": "确定",
+  "Cancel": "取消",
+  "Confirm": "确认",
+  "Update": "更新",
+  "Delete": "删除",
+  "Edit": "编辑",
+  "Save": "保存",
+  "Close": "关闭",
+  "Shared Data": "共享数据",
+  "To help us understand how Cockpit is being used and prioritise the development effort, the application shares a small set of anonymous information with the Blue Robotics team.": "为了帮助我们了解 Cockpit 的使用情况并优化开发方向，应用程序会向 Blue Robotics 团队共享少量匿名信息。",
+  "Detailed hardware specifications": "详细硬件规格",
+  "Adds the device manufacturer / model, CPU and GPU details, total memory and storage, and display size information. Helps us know which hardware we should target and test for.": "添加设备制造商/型号、CPU 和 GPU 详情、内存和存储总量以及显示尺寸信息，帮助我们了解需要适配和测试的硬件。",
+  "Basic information": "基本信息",
+  "Always shared": "始终共享",
+  "Cockpit version, runtime, system context (operating system, system language, window size, touch capability) and connected vehicle type / firmware. This baseline cannot be turned off.": "Cockpit 版本、运行时、系统上下文（操作系统、系统语言、窗口大小、触控能力）以及已连接的设备类型/固件。此基线数据无法关闭。",
+  "View documentation": "查看文档",
+  "Apply": "应用",
+  "Reset": "重置",
+  "Search": "搜索",
+  "Loading...": "加载中...",
+  "Error": "错误",
+  "Warning": "警告",
+  "Success": "成功",
+  "Info": "信息",
+  "Yes": "是",
+  "No": "否",
+  "Back": "返回",
+  "Next": "下一步",
+  "Finish": "完成",
+  "Settings": "设置",
+  "Language": "语言",
+  "All": "全部",
+  "None": "无",
+  "Enabled": "已启用",
+  "Disabled": "已禁用",
+  "Description": "描述",
+  "Name": "名称",
+  "Select": "选择",
+  "Latitude": "纬度",
+  "Longitude": "经度",
+  "Altitude": "高度",
+  "Altitude (m)": "高度（米）",
+  "Altitude type:": "高度类型：",
+  "Altitude:": "高度：",
+  "Lat.:": "纬度：",
+  "Long.:": "经度：",
+  "Alt (Rel)": "相对高度",
+  "Scan": "扫描",
+  "Direction": "方向",
+  "Retrying...": "重试中...",
+  "Trying again in": "将在以下时间后重试",
+  "second": "秒",
+  "seconds": "秒",
+  "Tested BlueBoat speeds:": "BlueBoat 测试速度：",
+  "Safe: 1 to 1.5 m/s": "安全：1 到 1.5 米/秒",
+  "Average: 2 m/s": "平均：2 米/秒",
+  "Max: 3 m/s (heavily depends on wind, waves and stream)": "最大：3 米/秒（高度依赖风浪和水流）",
+  "No new actions \u2014 all extension actions have been reviewed.": "没有新动作——所有扩展动作已审核完毕。",
+  "Pending Extension Features": "待处理扩展功能",
+  "Pending actions ({n})": "待处理动作（{n}）",
+  "Pending joystick mappings ({n})": "待处理摇杆映射（{n}）",
+  "from": "来自",
+  "There are still extension features pending your decision. Please accept or ignore each suggestion from your BlueOS extensions. Otherwise, this dialog will open automatically again the next time you start Cockpit.": "仍有扩展功能待您决策。请接受或忽略来自 BlueOS 扩展的每条建议，否则下次启动 Cockpit 时此对话框将再次自动打开。",
+  "Close anyway": "仍然关闭",
+  "Keep reviewing": "继续审核",
+  "Add": "添加",
+  "Create": "创建",
+  "Color": "颜色",
+  "Background": "背景",
+  "Message": "消息",
+  "Configuration": "配置",
+  "Vehicle": "设备",
+  "Video Player": "视频播放器",
+  "Video Library": "视频库",
+  "Record": "录制",
+  "Recording...": "录制中...",
+  "Stream '{{streamName}}' has changed. Stopping recording...": "流 '{{streamName}}' 已更改。正在停止录制...",
+  "Stream has changed. Stopping recording...": "流已更改。正在停止录制...",
+  "No streams available.": "没有可用的流。",
+  "Media stream not defined.": "媒体流未定义。",
+  "Media stream not yet active. Wait a second and try again.": "媒体流尚未激活。请等待一秒钟后重试。",
+  "Recording for stream '{{streamName}}' has stopped. Stopping health monitor for this stream.": "流 '{{streamName}}' 的录制已停止。正在停止此流的健康监控。",
+  "Recording has stopped. Stopping health monitor for this stream.": "录制已停止。正在停止此流的健康监控。",
+  "Cannot get size of the video output file. Please check if the file exists. This can indicate a problem with the recording.": "无法获取视频输出文件的大小。请检查文件是否存在。这可能表明录制存在问题。",
+  "The video output file is not growing. This can indicate a problem with the recording.": "视频输出文件没有增长。这可能表明录制存在问题。",
+  "The number of video chunks is not growing. This can indicate a problem with the recording.": "视频块数量没有增长。这可能表明录制存在问题。",
+  "Oops, looks like a video chunk could not be saved. Retrying...": "糟糕，看起来视频块无法保存。正在重试...",
+  "A part of your video recording could not be saved. This usually happens when the device's storage is full or the performance is low. We recommend stopping the recording and trying again, as the video may be incomplete or corrupted on several parts.": "您的部分视频录制无法保存。这通常发生在设备存储已满或性能较低时。我们建议停止录制并重试，因为视频可能在多个部分不完整或损坏。",
+  "Warning: Several video chunks could not be saved. The video recording may be impacted.": "警告：无法保存多个视频块。视频录制可能受到影响。",
+  "Warning: More than 5% of the video chunks could not be saved. The video recording may be impacted.": "警告：超过 5% 的视频块无法保存。视频录制可能受到影响。",
+  "Failed to add chunk {{chunksCount}} to live processor: {{error}}": "无法将块 {{chunksCount}} 添加到实时处理器：{{error}}",
+  "Failed to initialize live processor for stream {{streamName}}: {{error}}": "无法为流 {{streamName}} 初始化实时处理器：{{error}}",
+  "Failed to initialize live processor for stream.": "无法为流初始化实时处理器。",
+  "Failed to initiate recording. First chunk was lost. Try again.": "无法开始录制。第一个块丢失。请重试。",
+  "Video processing completed.": "视频处理完成。",
+  "Failed to process video.": "视频处理失败。",
+  "Failed to generate telemetry overlay.": "生成遥测叠加失败。",
+  "RTSP URL for stream '{streamName}' is missing.": "流 '{streamName}' 的 RTSP URL 缺失。",
+  "RTSP stream '{{streamName}}' deleted.": "RTSP 流 '{{streamName}}' 已删除。",
+  "Stream '{{streamName}}' has been deleted and added to the ignored list.": "流 '{{streamName}}' 已删除并添加到忽略列表。",
+  "Stream with external id '{{externalId}}' not found.": "未找到外部 ID 为 '{{externalId}}' 的流。",
+  "Stream '{{externalId}}' is no longer available.": "流 '{{externalId}}' 不再可用。",
+  "Stream '{{externalId}}' has been restored from the ignored list.": "流 '{{externalId}}' 已从忽略列表中恢复。",
+  "Stream with external id '{{externalId}}' is not in the ignored list.": "外部 ID 为 '{{externalId}}' 的流不在忽略列表中。",
+  "Element not found": "未找到元素",
+  "Widget not found": "未找到小部件",
+  "Widget loaded successfully": "小部件加载成功",
+  "Profile not found": "未找到配置文件",
+  "View name cannot be blank": "视图名称不能为空",
+  "Cannot select invisible view": "无法选择不可见的视图",
+  "Mini widget container not found": "未找到迷你小部件容器",
+  "Cannot map modifier to own layout": "无法将修饰符映射到自己的布局",
+  "Invalid joystick mapping file": "无效的摇杆映射文件",
+  "Invalid functions mapping file": "无效的功能映射文件",
+  "Functions mapping imported successfully": "功能映射导入成功",
+  "No files found": "未找到文件",
+  "Open snapshot library": "打开快照库",
+  "Mission Planning": "任务规划",
+  "Set cruise speed": "设置巡航速度",
+  "Waypoint": "航点",
+  "Start Mission": "开始任务",
+  "Stop Mission": "停止任务",
+  "Pause Mission": "暂停任务",
+  "Cockpit started": "Cockpit 已启动",
+  "Vehicle connected": "设备已连接",
+  "Vehicle disconnected": "设备已断开连接",
+  "Vehicle armed": "设备已解锁",
+  "Vehicle disarmed": "设备已锁定",
+  "Vehicle mode changed to {{mode}}.": "设备模式已更改为 {{mode}}。",
+  "Vehicle Address": "设备地址",
+  "MAVLink2REST HTTP Endpoint": "MAVLink2REST HTTP 端点",
+  "CPU Temperature": "CPU 温度",
+  "BlueOS CPU Usage (average)": "BlueOS CPU 平均使用率",
+  "BlueOS CPU Frequency (average)": "BlueOS CPU 平均频率",
+  "BlueOS CPU '{name}' usage": "BlueOS CPU '{name}' 使用率",
+  "BlueOS CPU '{name}' frequency": "BlueOS CPU '{name}' 频率",
+  "BlueOS network '{name}' total received (MB)": "BlueOS 网络 '{name}' 总接收量 (MB)",
+  "BlueOS network '{name}' total transmitted (MB)": "BlueOS 网络 '{name}' 总发送量 (MB)",
+  "BlueOS network '{name}' upload speed (Mbps)": "BlueOS 网络 '{name}' 上传速度 (Mbps)",
+  "BlueOS network '{name}' download speed (Mbps)": "BlueOS 网络 '{name}' 下载速度 (Mbps)",
+  "Cockpit Memory Usage": "Cockpit 内存用量",
+  "Cockpit Main Memory (Electron)": "Cockpit 主进程内存 (Electron)",
+  "Cockpit Renderers Memory (Electron)": "Cockpit 渲染进程内存 (Electron)",
+  "Cockpit GPU Memory (Electron)": "Cockpit GPU 内存 (Electron)",
+  "Cockpit CPU Usage (Electron)": "Cockpit CPU 占用率 (Electron)",
+  "Cockpit App Frame Rate": "Cockpit 应用帧率",
+  "Joystick Comm Indicator": "手柄通信指示器",
+  "Joystick connected": "摇杆已连接",
+  "Joystick disconnected": "摇杆未连接",
+  "Connected but disabled": "已连接但已禁用",
+  "Connected and enabled": "已连接并已启用",
+  "Commands enabled": "命令已启用",
+  "Commands paused": "命令已暂停",
+  "Arm/Disarm Button": "解/上锁按钮",
+  "Armed": "已解锁",
+  "Disarmed": "已上锁",
+  "Offline": "离线",
+  "Vehicle is disconnected.": "载具已断开连接。",
+  "Arm request failed": "解锁请求失败",
+  "Disarm request failed": "上锁请求失败",
+  "No vehicle available to arm.": "没有可用设备进行解锁。",
+  "Snapshot Tool": "截图工具",
+  "Single capture": "单次捕获",
+  "Timed multi-capture": "定时多次捕获",
+  "Base Comm Indicator": "基站通信指示器",
+  "Connect vehicle": "连接设备",
+  "Disconnect vehicle": "断开设备",
+  "Vehicle status": "设备状态",
+  "Arm": "解锁",
+  "Disarm": "上锁",
+  "Battery Indicator": "电池指示器",
+  "Battery Indicator Config": "电池指示器配置",
+  "Show Current": "显示电流",
+  "Show Power": "显示功率",
+  "Toggle Interval (ms)": "切换间隔（毫秒）",
+  "Use voltage to color scheme": "使用电压颜色方案",
+  "Configure these voltage levels according to your battery pack. Defaults are based on Blue Robotics' 4S Li-ion battery pack.": "根据您的电池组配置这些电压级别。默认值基于 Blue Robotics 的 4S 锂离子电池组。",
+  "Critical voltage (V)": "严重低电压（V）",
+  "Low voltage (V)": "低电压（V）",
+  "Medium voltage (V)": "中等电压（V）",
+  "High voltage (V)": "高电压（V）",
+  "Reset colors and voltage thresholds to default values": "重置颜色和电压阈值为默认值",
+  "Alerter": "警报器",
+  "Alerter options": "警报器选项",
+  "Enable color coded alerts": "启用颜色编码警报",
+  "Enable voice alerts": "启用语音警报",
+  "Alert volume": "警报音量",
+  "Very Generic Indicator": "通用指示器",
+  "Presets": "预设",
+  "Custom": "自定义",
+  "Display name": "显示名称",
+  "Display Width": "显示宽度",
+  "Variable": "变量",
+  "Use string variable (don't parse as number)": "使用字符串变量（不解析为数字）",
+  "Unit": "单位",
+  "Multiplier": "乘数",
+  "Decimal Places": "小数位数",
+  "Icon": "图标",
+  "Go Full Screen": "全屏",
+  "Go full screen": "进入全屏",
+  "Exit full screen": "退出全屏",
+  "Enter Edit Mode": "进入编辑模式",
+  "Enter edit mode": "进入编辑模式",
+  "Exit edit mode": "退出编辑模式",
+  "Mission Identifier": "任务标识符",
+  "Relative Altitude Indicator": "相对高度指示器",
+  "Takeoff Land Commander": "起降指令器",
+  "Land": "降落",
+  "Takeoff": "起飞",
+  "Takeoff request failed: {error}": "起飞请求失败：{error}",
+  "Land request failed: {error}": "降落请求失败：{error}",
+  "Change Alt": "改变高度",
+  "EKF State Indicator": "EKF 状态指示器",
+  "Waiting for EKF data...": "等待 EKF 数据...",
+  "No EKF data - Check vehicle connection": "没有 EKF 数据 - 请检查设备连接",
+  "Mini Video Recorder": "迷你视频录制器",
+  "Choose a stream to record": "选择要录制的流",
+  "Stream name": "流名称",
+  "Snapshot settings": "截图设置",
+  "Streams to capture": "要捕获的流",
+  "Capture Cockpit work area (Desktop-only feature)": "捕获 Cockpit 工作区（仅限桌面端）",
+  "Timed snapshot interval (seconds)": "定时截图间隔（秒）",
+  "Some features like \"Capturing Cockpit work area\" are only available in the Electron version.": "某些功能（如\"捕获 Cockpit 工作区\"）仅在 Electron 版本中可用。",
+  "Snapshot all available sources": "截取所有可用源",
+  "Snapshot recorded successfully.": "截图已成功保存。",
+  "Snapshot captured, but failed for: {failed}.": "截图已捕获，但以下失败：{failed}。",
+  "No sources available for capture. Make sure streams are connected or select specific ones in the widget settings.": "没有可用的捕获源。请确保流已连接，或在小组件设置中选择特定的流。",
+  "Failed to capture: {failed}. Make sure the streams have finished loading.": "捕获失败：{failed}。请确保流已完成加载。",
+  "Timed snapshot failed: {error}": "定时截图失败：{error}",
+  "Timed snapshot started. This will capture the selected interfaces every {interval} seconds until you press the camera button again.": "定时截图已开始。每 {interval} 秒截取所选界面，直到再次按下截图按钮。",
+  "Error taking snapshot": "截图出错",
+  "Make sure the streams have finished loading.": "请确保流已完成加载。",
+  "Search variable...": "搜索变量...",
+  "Auto-formatting": "自动格式化",
+  "Click to choose...": "点击选择...",
+  "Search icons...": "搜索图标...",
+  "Clock": "时钟",
+  "Depth Indicator": "深度指示器",
+  "Change Altitude": "改变高度",
+  "Mode Selector": "模式选择器",
+  "Satellite Indicator": "卫星指示器",
+  "View Selector": "视图选择器",
+  "Mini Mission Control Panel": "迷你任务控制面板",
+  "Current WP": "当前航点",
+  "This element is in display mode. To make it interactive, create or select a user-controlled data-lake variable": "该元素处于显示模式。要使其可交互，请创建或选择一个用户控制的数据池变量",
+  "No video stream selected.": "未选择视频流。",
+  "Loading stream...": "加载流中...",
+  "Server:": "服务器：",
+  "Stream:": "流：",
+  "Your browser does not support the video tag.": "您的浏览器不支持 video 标签。",
+  "The selected stream \"{streamName}\" is not available.": "所选流 \"{streamName}\" 不可用。",
+  "Available ones are: {streams}.": "可用的流有：{streams}。",
+  "This can happen if you changed vehicles and the stream name in the new one is different from the former, or if the source is not available at all.": "如果您更换了设备且新设备的视频流名称与之前不同，或者视频源完全不可用，就会出现这种情况。",
+  "Please open this video player configuration and select a new stream from the ones available, or check your source for issues.": "请打开此视频播放器配置并从可用的视频流中选择一个新的，或检查视频源是否有问题。",
+  "Server status:": "服务器状态：",
+  "Video widget config": "视频小部件配置",
+  "Fit style": "适应样式",
+  "Saved stream name: \"{name}\"": "已保存的流名称：\"{name}\"",
+  "Flip horizontally": "水平翻转",
+  "Flip vertically": "垂直翻转",
+  "Stats for nerds": "技术统计信息",
+  "Rotate Left": "向左旋转",
+  "Rotate Right": "向右旋转",
+  "Hide details": "隐藏详情",
+  "Show details": "显示详情",
+  "Autoplay": "自动播放",
+  "Show controls": "显示控件",
+  "External stream name": "外部视频流名称",
+  "Internal stream name": "内部视频流名称",
+  "Loop": "循环播放",
+  "Muted": "静音",
+  "Verbose loading status": "详细加载状态",
+  "Plotter": "绘图仪",
+  "Please open the Plotter widget configuration menu to select a variable to be plotted.": "请打开 Plotter 小部件配置菜单以选择要绘制的变量。",
+  "Data Source": "数据源",
+  "Search variables...": "搜索变量...",
+  "Data Lake variable": "Data Lake 变量",
+  "Select a variable to be plotted": "选择要绘制的变量",
+  "Appearance": "外观",
+  "Show title": "显示标题",
+  "Background color": "背景颜色",
+  "Line color": "线条颜色",
+  "Line": "线条",
+  "Line thickness": "线条粗细",
+  "Must be greater than {value}": "必须大于 {value}",
+  "Data Points": "数据点",
+  "Decimal places": "小数位数",
+  "Must be 0 or greater": "必须为 0 或更大",
+  "Number of decimal places to be displayed": "要显示的小数位数",
+  "Limit number of samples": "限制样本数量",
+  "Maximum samples": "最大样本数",
+  "Higher values will show more history but may impact performance": "较高的值会显示更多历史记录，但可能影响性能",
+  "Update on constant value": "在恒定值时更新",
+  "Advance graph when value is unchanged (shows horizontal lines for constant values)": "当值不变时推进图表（为恒定值显示水平线）",
+  "Statistics Display": "统计显示",
+  "Current": "当前值",
+  "Min": "最小值",
+  "Median": "中位数",
+  "Avg": "平均值",
+  "Max": "最大值",
+  "Std Dev": "标准差",
+  "Vertical Range": "垂直范围",
+  "Fixed minimum": "固定最小值",
+  "Min value": "最小值",
+  "Fixed maximum": "固定最大值",
+  "Max value": "最大值",
+  "Map": "地图",
+  "Coordinates": "坐标",
+  "Velocity": "速度",
+  "Heading": "航向",
+  "Last seen": "最后更新",
+  "never": "从未",
+  "Download map tiles": "下载地图瓦片",
+  "Save visible Esri tiles": "保存可见 Esri 瓦片",
+  "Save visible OSM tiles": "保存可见 OSM 瓦片",
+  "Save visible Seamarks tiles": "保存可见海图标记瓦片",
+  "Map widget settings": "地图小部件设置",
+  "Display": "显示",
+  "Show vehicle path": "显示设备路径",
+  "Show coordinate grid": "显示坐标网格",
+  "Point of Interest arrows": "兴趣点箭头",
+  "Home arrow": "返航箭头",
+  "Vehicle arrow": "载具箭头",
+  "Cannot center map on home (home position undefined).": "无法将地图居中到起点（起始位置未定义）。",
+  "Tracking home position. Click to stop tracking.": "正在跟踪起始位置。点击停止跟踪。",
+  "Click once to center on home or twice to track it.": "单击一次居中到起点，双击跟踪。",
+  "Cannot center map on vehicle (vehicle offline).": "无法将地图居中到设备（设备离线）。",
+  "Cannot center map on vehicle (vehicle position undefined).": "无法将地图居中到设备（设备位置未定义）。",
+  "Tracking vehicle position. Click to stop tracking.": "正在跟踪设备位置。点击停止跟踪。",
+  "Click once to center on vehicle or twice to track it.": "单击一次居中到设备，双击跟踪。",
+  "Download the mission that is stored in the vehicle.": "下载存储在设备中的任务。",
+  "Cannot download mission (vehicle offline).": "无法下载任务（设备离线）。",
+  "Execute the mission that is stored in the vehicle.": "执行存储在设备中的任务。",
+  "Cannot execute mission (vehicle offline).": "无法执行任务（设备离线）。",
+  "Set Global Origin": "设置全局原点",
+  "Place Point of Interest": "放置兴趣点",
+  "GoTo": "前往",
+  "Set default map position": "设置默认地图位置",
+  "Cannot place Point of Interest without map coordinates.": "无法在没有地图坐标的情况下放置兴趣点。",
+  "POI Manager (map widget) is not available.": "兴趣点管理器不可用。",
+  "Zoom in": "放大",
+  "Zoom out": "缩小",
+  "Edit mission": "编辑任务",
+  "Switch to Mission Planning mode": "切换到任务规划模式",
+  "Show mission control panel": "显示任务控制面板",
+  "Download tiles for offline use": "下载离线地图瓦片",
+  "Clear vehicle path history": "清除设备历史路径",
+  "GoTo request failed: {error}": "前往请求失败：{error}",
+  "Cannot skip (vehicle offline or invalid WP).": "无法跳转（设备离线或航点无效）。",
+  "Failed to skip to WP #{idx}: {error}": "跳转到第 #{idx} 个航点失败：{error}",
+  "Compass": "指南针",
+  "Heading style": "航向模式",
+  "North Up": "北向上",
+  "Head Up": "航向向上",
+  "Compass HUD": "指南针 HUD",
+  "HUD Compass widget config": "指南针 HUD 小部件配置",
+  "Show yaw value": "显示偏航值",
+  "Use -180/+180 range": "使用 -180/+180 范围",
+  "Show POIs on HUD": "在 HUD 上显示 POI",
+  "Show distance tags": "显示距离标签",
+  "All markers": "所有标记",
+  "Highlighted marker only": "仅高亮标记",
+  "Box on HUD side": "HUD 侧边框",
+  "No distance tags": "不显示距离标签",
+  "Depth HUD": "深度 HUD",
+  "Depth HUD config": "深度 HUD 配置",
+  "Show height value": "显示高度值",
+  "Attitude": "姿态",
+  "Attitude widget config": "姿态小部件配置",
+  "Show roll/pitch values": "显示横滚/俯仰值",
+  "Show center aim": "显示中心瞄准",
+  "Show pitch lines": "显示俯仰线",
+  "Camera vertical FOV": "相机垂直视场角",
+  "Center circle radius": "中心圆半径",
+  "Image View": "图片视图",
+  "Image URL": "图像 URL",
+  "URL Video Player": "URL 视频播放器",
+  "Video Source": "视频源",
+  "IFrame": "内嵌框架",
+  "IFrame source": "IFrame 源",
+  "Invalid URL": "无效的 URL",
+  "URL is not valid": "URL 无效",
+  "URL updated to {url}": "URL 已更新为 {url}",
+  "Transparency": "透明度",
+  "Advanced options": "高级选项",
+  "Use vehicle address as base URL": "使用设备地址作为基础 URL",
+  "Collapsible container": "可折叠容器",
+  "Container name": "容器名称",
+  "Set": "设置",
+  "Expand direction": "展开方向",
+  "Collapsible Container": "可折叠容器",
+  "Columns:": "列：",
+  "Widget cloned successfully.": "小部件克隆成功。",
+  "Error cloning widget.": "克隆小部件失败。",
+  "Clone to another view": "克隆到另一个视图",
+  "Custom Widget options": "自定义小部件选项",
+  "Background opacity:": "背景不透明度：",
+  "Background blur:": "背景模糊：",
+  "Clone widget to": "克隆小部件到",
+  "Options": "选项",
+  "Load": "加载",
+  "Mini Widgets Bar": "迷你小部件栏",
+  "Do It Yourself": "自定义小部件",
+  "Editor instructions": "编辑器说明",
+  "Use the HTML, CSS, and JS editors to create your custom widget": "使用 HTML、CSS 和 JS 编辑器创建您的自定义小部件",
+  "Changes are applied when you click Apply or press Cmd/Ctrl + Enter/S": "当您点击应用或按 Cmd/Ctrl + Enter/S 时，更改将被应用",
+  "Navigate between editors using Cmd/Ctrl + Option/Alt + ↑/↓": "使用 Cmd/Ctrl + Option/Alt + ↑/↓ 在编辑器之间导航",
+  "Reset to last saved state using the Reset button": "使用重置按钮重置为上次保存的状态",
+  "Your code runs in the widget's context and has access to the DOM": "您的代码在小部件的上下文中运行，并且可以访问 DOM",
+  "You can use the console to debug your code": "您可以使用控制台调试您的代码",
+  "You can use the data-lake system to inject or consume data from Cockpit. Check the docs for more": "您可以使用数据湖系统来注入或消费来自 Cockpit 的数据。有关更多信息，请查看文档",
+  "Click on each editor's header to expand it to full size": "点击每个编辑器的标题可将其展开至全尺寸",
+  "Create your own widget!": "创建您自己的小部件！",
+  "Do It Yourself Widget Configuration": "小部件配置",
+  "Auto-save": "自动保存",
+  "Export": "导出",
+  "Export widget configuration": "导出小部件配置",
+  "Import": "导入",
+  "Import widget configuration": "导入小部件配置",
+  "Inherit Cockpit styles": "继承 Cockpit 样式",
+  "Mission Control Panel": "任务控制面板",
+  "Mission control panel": "任务控制面板",
+  "Return to home": "返航",
+  "Are you sure you want to send the vehicle home?": "确定要让飞行器返航吗？",
+  "Failed to return home: {error}": "返航失败：{error}",
+  "Failed to start mission: {error}": "启动任务失败：{error}",
+  "Failed to pause mission: {error}": "暂停任务失败：{error}",
+  "Skip to previous waypoint": "跳转到上一个航点",
+  "Pause mission": "暂停任务",
+  "Start / resume mission": "开始 / 恢复任务",
+  "Skip to next waypoint": "跳转到下一个航点",
+  "Stop mission and return to first waypoint": "停止任务并返回第一个航点",
+  "Curr. WP": "当前航点",
+  "Download mission from vehicle": "从设备下载任务",
+  "Clear mission on map": "清除地图上的任务",
+  "Virtual Horizon": "虚拟地平线",
+  "Processed Videos": "已处理的视频",
+  "Raw Video Chunks": "原始视频块",
+  "Final videos with telemetry overlay": "带有遥测叠加层的最终视频",
+  "Browser Version Instructions": "浏览器版本说明",
+  "These are raw video chunks that need to be processed. The processing can be done exclusively in the standalone version of Cockpit. The browser version can only record the video chunks.": "这些是需要处理的原始视频块。处理只能在 Cockpit 的独立版本中完成。浏览器版本只能录制视频块。",
+  "To process your videos:": "要处理您的视频：",
+  "Download your video chunks using the download buttons": "使用下载按钮下载您的视频块",
+  "Open the standalone version of Cockpit (desktop app)": "打开 Cockpit 的独立版本（桌面应用）",
+  "Go to the \"Processing\" tab in the video library": "转到视频库中的\"处理\"选项卡",
+  "Select and process your downloaded ZIP files (large recordings are split into multiple part-zips — pick them all together, or just one and the rest will be auto-detected if they're in the same folder)": "选择并处理您下载的 ZIP 文件（大型录制会分割为多个分段 ZIP — 全部选择，或只选一个，其余的会在同一文件夹中自动检测）",
+  "Once sure the video is processed, delete the raw video chunks from here": "确认视频已处理后，从此处删除原始视频块",
+  "Processing Complete!": "处理完成！",
+  "The ZIP file(s) have been successfully processed. The video is now available in the Videos tab.": "ZIP 文件已成功处理。视频现在可在\"视频\"选项卡中找到。",
+  "Process More ZIP Files": "处理更多 ZIP 文件",
+  "View Videos": "查看视频",
+  "Process ZIP File(s)": "处理 ZIP 文件（多个）",
+  "Select one or more ZIP files containing raw video chunks downloaded from Cockpit Lite. Recordings larger than 1GB are split into multiple part-zips — select all of them (or just one and we'll auto-detect the rest in the same folder) so we can stitch every chunk into a single video.": "选择包含从 Cockpit Lite 下载的原始视频块的一个或多个 ZIP 文件。超过 1GB 的录制会分割为多个分段 ZIP — 全部选择（或只选一个，我们会自动检测同文件夹中的其余文件），以便将每个块拼接为单个视频。",
+  "Select and Process ZIP File(s)": "选择并处理 ZIP 文件（多个）",
+  "Processing Instructions": "处理说明",
+  "Download raw video chunks from the browser version's Raw tab": "从浏览器版本的\"原始\"选项卡下载原始视频块",
+  "Select all ZIP files for the recording (recordings over 1GB are split into multiple part-zips). Picking a single part-zip is fine too — sibling parts in the same folder are auto-detected.": "选择录制的所有 ZIP 文件（超过 1GB 的录制会分割为多个分段 ZIP）。选择单个分段 ZIP 也可以 — 会自动检测同文件夹中的其他部分。",
+  "Click \"Process ZIP\" to extract every part and stitch the chunks into one MP4": "点击\"处理 ZIP\"以提取每个部分并将块拼接为一个 MP4",
+  "The processed video will appear in the \"Videos\" tab": "处理后的视频将出现在\"视频\"选项卡中",
+  "Cockpit video": "Cockpit 视频",
+  "Manage raw video chunks": "管理原始视频块",
+  "Process ZIP files with raw video chunks": "处理包含原始视频块的 ZIP 文件",
+  "Only available in standalone version": "仅在独立版本中可用",
+  "Processing ZIP file(s)...": "正在处理 ZIP 文件...",
+  "Process ZIP Files": "处理 ZIP 文件",
+  "Process raw chunks from Cockpit Lite (web version)": "处理来自 Cockpit Lite（网页版）的原始视频块",
+  "Computer": "电脑",
+  "Command+click, Ctrl+click or Long click to select multiple videos.": "Command+点击、Ctrl+点击或长按以选择多个视频。",
+  "Mobile": "移动设备",
+  "Long press to select multiple videos.": "长按以选择多个视频。",
+  "Loading Video Chunks": "正在加载视频块",
+  "Counting chunks and calculating sizes...": "正在计数视频块并计算大小...",
+  "Start recording videos to create raw chunks.": "开始录制视频以创建原始视频块。",
+  "Backup raw data": "备份原始数据",
+  "Play video": "播放视频",
+  "Select single files": "选择单个文件",
+  "Select multiple files": "选择多个文件",
+  "Single": "单选",
+  "Multi": "多选",
+  "Select none": "取消全选",
+  "Select all files": "选择所有文件",
+  "No Video Chunks Found": "未找到视频片段",
+  "No Raw Chunks Found": "未找到原始片段",
+  "Process video chunks": "处理视频片段",
+  "Download chunk group as ZIP": "以 ZIP 格式下载片段组",
+  "Delete chunk group": "删除片段组",
+  "Delete all raw chunks": "删除所有原始片段",
+  "Open raw chunks folder": "打开原始片段文件夹",
+  "Open snapshots folder": "打开快照文件夹",
+  "Start recording videos to create chunks that can be downloaded.": "开始录制视频以创建可下载的视频块。",
+  "Loading": "加载中",
+  "No pictures found": "未找到图片",
+  "No videos on storage": "存储中没有视频",
+  "Delete {count} selected videos": "删除 {count} 个已选视频",
+  "Open videos folder": "打开视频文件夹",
+  "Delete video": "删除视频",
+  "Processed": "已处理",
+  "Recording ongoing": "录制中",
+  "Raw format": "原始格式",
+  "{count} videos selected": "已选择 {count} 个视频",
+  "Delete {count} picture(s)?": "删除 {count} 张图片？",
+  "Download": "下载",
+  "Download chunk group": "下载片段组",
+  "{count} chunks • ~{duration}s duration • {size}": "{count} 个片段 • 约{duration}s 时长 • {size}",
+  "Total: {size}": "总计：{size}",
+  "Videos": "视频",
+  "Snapshots": "快照",
+  "Raw": "原始",
+  "Processing": "处理",
+  "Delete {count} video(s)?": "删除 {count} 个视频？",
+  "{count} video(s) discarded.": "已丢弃 {count} 个视频。",
+  "Edit Variable": "编辑变量",
+  "New Variable": "新建变量",
+  "Edit Compound Variable": "编辑复合变量",
+  "New Compound Variable": "新建复合变量",
+  "Variable ID": "变量 ID",
+  "Variable Name": "变量名称",
+  "Variable Type": "变量类型",
+  "ID is required": "ID 为必填项",
+  "Name is required": "名称为必填项",
+  "Type is required": "类型为必填项",
+  "String": "字符串",
+  "Number": "数字",
+  "Boolean": "布尔值",
+  "Persist between boots": "在启动之间保持",
+  "Save value between boots": "在启动之间保存值",
+  "Expression": "表达式",
+  "Create complex transformations by combining existing Data Lake variables using JavaScript expressions.": "使用 JavaScript 表达式组合现有的 Data Lake 变量以创建复杂的转换。",
+  "Type {{ to access available variables": "输入 {{ 以访问可用变量",
+  "Return is optional, but should be included in complex expressions": "return 是可选的，但应包含在复杂表达式中",
+  "Remember to set the type accordingly": "请记得相应地设置类型",
+  "Optional description of what this transformation does": "此转换功能的可选描述",
+  "Previous": "上一步",
+  "Start": "开始",
+  "Show on startup": "启动时显示",
+  "Don't show again": "不再显示",
+  "Vehicle Connected": "设备已连接",
+  "Welcome to Cockpit!": "欢迎使用 Cockpit！",
+  "Thank you for trying our control station software - we hope you make it your own!": "感谢您试用我们的控制站软件 - 希望您喜欢！",
+  "This guide will assist you in connecting to your vehicle, and walk you through the available menu pages.": "此指南将帮助您连接到您的设备，并引导您浏览可用的菜单页面。",
+  "Main Menu": "主菜单",
+  "Cockpit's configuration options and tools are accessed through its sidebar.": "Cockpit 的配置选项和工具可通过侧边栏访问。",
+  "Open it by clicking the highlighted tab on the left side of the screen.": "单击屏幕左侧突出显示的标签打开它。",
+  "Connections and Behaviour": "连接和行为",
+  "The 'Settings' menu allows configuring Cockpit's connections and behavior.": "“设置”菜单允许配置 Cockpit 的连接和行为。",
+  "General Configuration": "通用配置",
+  "The 'General' page allows switching the active user, the vehicle connection settings, and what Cockpit shares with the development team.": "“通用”页面允许切换活动用户、设备连接设置以及 Cockpit 与开发团队共享的数据。",
+  "Each user can have their own settings, interface profiles, and joystick mappings, which can be stored on and synchronized through the connected vehicle.": "每个用户都可以有自己的设置、界面配置文件和摇杆映射，这些可以存储在并通过连接的设备同步。",
+  "Cockpit connects to a vehicle's network using a global address.": "Cockpit 使用全局地址连接到设备的网络。",
+  "This is usually found automatically, but if necessary you can specify a custom domain to connect to and search for the relevant vehicle components.": "这通常会自动找到，但如果必要，您可以指定自定义域进行连接并搜索相关的设备组件。",
+  "Interface Configuration": "界面配置",
+  "Here, you'll find options to control the interface style, move the sidebar access point, and switch the display units between imperial and metric, for widgets that support it.": "在这里，您将找到控制界面样式、移动侧边栏访问点以及在英制和公制单位之间切换的选项（对于支持的小部件）。",
+  "Joystick Configuration": "摇杆配置",
+  "Connect a controller and move a joystick or press a button to see the current function mapping.": "连接控制器并移动摇杆或按下按钮以查看当前的功能映射。",
+  "Fully supported joysticks have a visual configuration interface available, but there's also a mapping table provided for custom or uncommon controllers. Actions can be related to vehicle functions.": "完全支持的摇杆有可视化配置界面，但也为自定义或不常见的控制器提供了映射表。操作可以与设备功能相关。",
+  "Video Configuration": "视频配置",
+  "Video sources (from MAVLink Camera Manager / BlueOS) can be given custom names, and you can configure Cockpit's receiver settings to improve performance.": "视频源(来自 MAVLink 相机管理器 / BlueOS)可以赋予自定义名称,您可以配置 Cockpit 的接收器设置以提高性能。",
+  "There are also preferences for the video recording library, to automatically process recorded chunks into video files, and zip together files when downloading multiple videos or a video with telemetry subtitles.": "还有视频录制库的首选项,可以自动将录制的块处理为视频文件,并在下载多个视频或带遥测字幕的视频时将文件压缩在一起。",
+  "Telemetry Recording": "遥测记录",
+  "Subtitle overlays of telemetry data can be recorded with videos. This panel allows choosing which variables to include, where they appear on the screen, how the subtitles are styled, and the update rate.": "遥测数据的字幕叠加可以与视频一起录制。此面板允许选择要包含的变量、它们在屏幕上的显示位置、字幕样式以及更新频率。",
+  "Alerts Configuration": "警报配置",
+  "Voice alerts can announce notifications and issues during operation, without covering the screen. The voice and reported alert severities can be configured here.": "语音警报可以在操作期间宣布通知和问题,而不会覆盖屏幕。可以在此处配置语音和报告的警报严重性。",
+  "Dev Settings": "开发设置",
+  "This section includes settings and Cockpit logs to help with development and advanced troubleshooting.": "本节包括设置和 Cockpit 日志,以帮助开发和高级故障排除。",
+  "We recommend leaving the default values, but if you prefer to you can stop Cockpit from synchronizing its settings with BlueOS vehicles. Telemetry sharing is configured from 'Settings' > 'General' > 'Shared Data'.": "我们建议保留默认值，但如果您愿意，可以停止 Cockpit 与 BlueOS 设备同步其设置。遥测共享可在“设置”>“通用”>“共享数据”中配置。",
+  "Mission Configuration": "任务配置",
+  "This panel allows selecting which vehicle commands require an extra confirmation step before sending, to avoid triggering mission- or safety-critical functions accidentally.": "此面板允许选择哪些设备命令在发送前需要额外的确认步骤,以避免意外触发任务或安全关键功能。",
+  "Tutorial Completed": "教程已完成",
+  "You're ready to go!": "您已准备就绪!",
+  "If you want to see it again, this guide can be reopened through 'Settings' > 'General'. For further support, please reach out through the channels listed in the 'About' section of the sidebar.": "如果您想再次查看,可以通过'设置'>'通用'重新打开此指南。如需进一步支持,请通过侧边栏'关于'部分列出的渠道联系我们。",
+  "This guide can be reopened via the Settings > General menu": "可以通过\"设置\">\"通用\"菜单重新打开此指南",
+  "Update Details": "更新详情",
+  "Checking for Updates": "检查更新",
+  "Looking for new versions of the application...": "正在查找应用程序的新版本...",
+  "No Updates Available": "没有可用更新",
+  "You are running the latest version of the application.": "您正在运行最新版本的应用程序。",
+  "Update Available": "可用更新",
+  "A new version of the application is available. Would you like to download it now?": "应用程序有新版本可用。您想现在下载吗？",
+  "Ignore This Version": "忽略此版本",
+  "Not Now": "不是现在",
+  "Downloading update...": "正在下载更新...",
+  "Update Ready to Install": "更新已准备安装",
+  "The update has been downloaded. Would you like to install it now? The application will restart during installation.": "更新已下载。您想现在安装吗？应用程序将在安装期间重启。",
+  "Install Now": "立即安装",
+  "Later": "稍后",
+  "Vehicle Discovery": "设备发现",
+  "Searching for vehicles...": "正在搜索设备...",
+  "It looks like you're not connected to a vehicle!": "看起来您尚未连接到设备！",
+  "This tool allows you to locate and connect to BlueOS vehicles within your network.": "此工具允许您在网络中定位并连接到 BlueOS 设备。",
+  "Search for vehicles": "搜索设备",
+  "Search again": "再次搜索",
+  "Searching for vehicles in your network...": "正在您的网络中搜索设备...",
+  "Vehicles found!": "找到设备！",
+  "No vehicles found in your network.": "在您的网络中未找到设备。",
+  "You can still search for vehicles in the general configuration menu.": "您仍然可以在常规配置菜单中搜索设备。",
+  "Manage users on:": "管理用户：",
+  "This username will be used to store your settings in the vehicle.": "此用户名将用于在设备中存储您的设置。",
+  "If you don't set your username, auto-sync with the vehicle won't work.": "如果您不设置用户名，与设备的自动同步将无法工作。",
+  "The user can be set or changed later in the General menu.": "可以在后续的通用菜单中设置或更改用户。",
+  "Username": "用户名",
+  "It seems like you don't have any users stored on this device yet.": "您在此设备上还没有存储任何用户。",
+  "Be careful when deleting users from the vehicle - this process cannot be undone": "从设备中删除用户时请小心 - 此过程无法撤销",
+  "Select a user below, or switch to admin mode to create or edit users": "在下面选择一个用户，或切换到管理员模式以创建或编辑用户",
+  "add new user": "添加新用户",
+  "admin mode": "管理员模式",
+  "All settings will be permanently removed from the vehicle.": "所有设置将永久从设备中删除。",
+  "You cannot delete the current user.": "无法删除当前用户。",
+  "User deleted": "用户已删除",
+  "Failed deleting user. The list was refreshed. Please try again.": "删除用户失败。列表已刷新。请重试。",
+  "Failed deleting '{username}'": "删除用户 '{username}' 失败",
+  "current vehicle": "当前设备",
+  "Username must be at least 3 characters long.": "用户名至少需要3个字符。",
+  "Username must be at most 16 characters long.": "用户名最多16个字符。",
+  "Username can only contain letters, numbers, and the following characters: _ - .": "用户名只能包含字母、数字和以下字符：_ - .",
+  "Username must be lowercase.": "用户名必须是小写。",
+  "Username cannot contain spaces.": "用户名不能包含空格。",
+  "Username cannot contain \"cockpit\" as it is reserved for internal use.": "用户名不能包含 \"cockpit\"，这是为内部使用保留的。",
+  "Username cannot contain \"fallback\" as it is reserved for internal use.": "用户名不能包含 \"fallback\"，这是为内部使用保留的。",
+  "Performance Warning": "性能警告",
+  "You are running the x64 version of Cockpit on an Apple Silicon Mac (M series), which causes severely degraded performance, including:": "您正在 Apple Silicon Mac（M 系列）上运行 x64 版本的 Cockpit，这会导致性能严重下降，包括：",
+  "3-4x slower application startup times": "应用程序启动时间慢 3-4 倍",
+  "2x the memory usage": "内存使用量增加 2 倍",
+  "Reduced overall performance": "整体性能下降",
+  "This warning cannot be disabled - we strongly recommend that you download and install the intended version for your system.": "此警告无法禁用 - 我们强烈建议您下载并安装适合您系统的正确版本。",
+  "Dismiss": "忽略",
+  "Download ARM64 Version": "下载 ARM64 版本",
+  "Be careful": "请小心",
+  "The vehicle is currently armed, and the main-menu contains configurations and tools that can cause unsafe situations.": "设备当前已解锁，主菜单包含可能导致不安全情况的配置和工具。",
+  "Come back later, or proceed carefully with one of the following options:": "请稍后再来，或谨慎选择以下选项之一继续：",
+  "Continue and never warn again": "继续且不再警告",
+  "Continue and don't warn again during this session": "继续且本次会话期间不再警告",
+  "Continue anyway": "仍然继续",
+  "Disarm vehicle and continue": "解除设备锁定并继续",
+  "Armed menu warning disabled. You can re-enable it in the Settings > Alerts menu.": "已禁用解锁菜单警告。您可以在设置>警报菜单中重新启用它。",
+  "Camera stream change detected": "检测到相机流变化",
+  "We noticed that a stream used by your widgets is no longer available, but a new stream has appeared. This usually happens when replacing a camera. Would you like to update your widgets to use the new stream?": "我们注意到您的小组件使用的流已不再可用，但出现了一个新的流。这通常发生在更换相机时。您是否要更新小组件以使用新的流？",
+  "Unavailable": "不可用",
+  "Available": "可用",
+  "Source": "来源",
+  "Stream ID": "流 ID",
+  "Type": "类型",
+  "Resolution": "分辨率",
+  "Replace with": "替换为",
+  "{count} widget(s) will be updated.": "{count} 个小组件将被更新。",
+  "Replace stream": "替换流",
+  "This feature allows you to set the GNSS coordinates of the vehicle's local origin (0,0,0). This is useful when using local position units (such as indoor positioning systems or DVLs) where you want to define a corresponding global position.": "此功能允许您设置设备局部原点(0,0,0)的 GNSS 坐标。当使用局部位置单位（例如室内定位系统或 DVL）并想要定义相应的全局位置时，这很有用。",
+  "Latitude in degrees (-90 to 90)": "纬度，以度为单位 (-90 至 90)",
+  "Longitude in degrees (-180 to 180)": "经度，以度为单位 (-180 至 180)",
+  "Altitude in meters (MSL)": "高度，以米为单位 (MSL)",
+  "Latitude is required": "纬度为必填项",
+  "Latitude must be between -90 and 90": "纬度必须在 -90 和 90 之间",
+  "Longitude is required": "经度为必填项",
+  "Longitude must be between -180 and 180": "经度必须在 -180 和 180 之间",
+  "Altitude is required": "高度为必填项",
+  "Saving...": "正在保存...",
+  "Mission Checklist": "任务检查清单",
+  "Before arming the vehicle, make sure the following items are completed:": "在解锁设备之前，请确保以下项目已完成：",
+  "Edit Items": "编辑项目",
+  "Type an item and press Enter": "输入项目并按 Enter 键",
+  "Done": "完成",
+  "Go": "开始",
+  "Warning! Your vehicle is about to be armed": "警告！设备即将解锁",
+  "Don't show this checklist again": "不再显示此检查列表",
+  "Survey Polygon Vertices": "调查多边形顶点",
+  "Arm Vehicle": "解锁设备",
+  "Stream": "流",
+  "Packets Lost": "丢包",
+  "Frame Drops": "丢帧",
+  "Negative Acknowledgment (NACK)": "否定确认 (NACK)",
+  "Picture Loss Indication (PLI)": "图片丢失指示 (PLI)",
+  "Full Intra Frame Request (FIR)": "完全内部帧请求 (FIR)",
+  "Freezes": "冻结",
+  "Bitrate": "比特率",
+  "Frames Per Second (FPS)": "帧率 (FPS)",
+  "Too many widgets in this bar — some are being cropped or hidden. Consider removing some or moving them to a Collapsible Container or Mini Widgets Bar widget so they are all shown correctly.": "此栏中小部件过多 — 部分内容被裁剪或隐藏。请考虑移除一些或将它们移至可折叠容器或迷你小部件栏中，以便它们都能正确显示。",
+  "There's no available space for all widgets, so some elements are cut off. Open edit-mode to fix that.": "没有足够的空间显示所有小部件，因此部分元素被截断。请打开编辑模式进行修复。",
+  "Exit": "退出",
+  "Widget type:": "小部件类型:",
+  "Regular": "常规",
+  "Mini": "迷你",
+  "Input": "输入",
+  "To be placed on the main view area": "放置到主视图区域",
+  "To be placed on the top and bottom bars": "放置到顶部和底部栏",
+  "(Drag card to add)": "(拖动卡片添加)",
+  "Add new container": "添加新容器",
+  "External": "外部",
+  "Drag to add": "拖动以添加",
+  "Settings -": "设置 -",
+  "Duplicate": "复制",
+  "Config & rename": "配置和重命名",
+  "General profile settings": "通用配置文件设置",
+  "Add new profile": "添加新配置文件",
+  "Enable grid": "启用网格",
+  "Disable grid": "禁用网格",
+  "Views": "视图",
+  "Import views": "导入视图",
+  "Export views": "导出视图",
+  "Reset to default": "重置为默认",
+  "Reset profiles": "重置配置文件",
+  "Widgets in": "小部件在",
+  "Main view area": "主视图区域",
+  "Top Bar": "顶部栏",
+  "Bottom Bar": "底部栏",
+  "Top-left container": "顶部左侧容器",
+  "Top-center container": "顶部中间容器",
+  "Top-right container": "顶部右侧容器",
+  "Bottom-left container": "底部左侧容器",
+  "Bottom-center container": "底部中间容器",
+  "Bottom-right container": "底部右侧容器",
+  "profile": "配置文件",
+  "Views on": "视图在",
+  "Show bottom bar on boot": "启动时显示底部栏",
+  "New view name": "新视图名称",
+  "ROV default": "ROV 默认",
+  "Boat default": "Boat 默认",
+  "MAV default": "MAV 默认",
+  "Are you sure you want to reset your profiles to the default ones?": "确定要将配置文件重置为默认值吗？",
+  "BlueOS Extension Features": "BlueOS 扩展功能",
+  "Actions": "操作",
+  "Joystick Mappings": "摇杆映射",
+  "No actions available from extensions.": "没有来自扩展的可用操作。",
+  "New Actions": "新操作",
+  "The following actions are offered to be added by BlueOS extensions:": "以下操作由 BlueOS 扩展提供添加：",
+  "Ignore": "忽略",
+  "from {name}": "来自 {name}",
+  "Add Action": "添加操作",
+  "Hide applied actions": "隐藏已应用的操作",
+  "Show applied actions": "显示已应用的操作",
+  "Applied": "已应用",
+  "Applied but removed": "已应用但被移除",
+  "Re-add": "重新添加",
+  "Hide ignored actions": "隐藏已忽略的操作",
+  "Show ignored actions": "显示已忽略的操作",
+  "Restore All": "全部恢复",
+  "Ignored": "已忽略",
+  "Restore": "恢复",
+  "No joystick mapping suggestions available.": "没有可用的摇杆映射建议。",
+  "New Suggestions": "新建议",
+  "The following joystick mappings are suggested by BlueOS extensions:": "以下摇杆映射由 BlueOS 扩展建议：",
+  "Ignore remaining suggestions": "忽略剩余建议",
+  "Accept All": "全部接受",
+  "Ignore all": "全部忽略",
+  "Hide applied mappings": "隐藏已应用的映射",
+  "Show applied mappings": "显示已应用的映射",
+  "Applied Mappings": "已应用的映射",
+  "These joystick mappings have been applied from BlueOS extensions:": "以下摇杆映射已从 BlueOS 扩展应用：",
+  "Applied but changed": "已应用但被更改",
+  "Re-apply": "重新应用",
+  "Hide ignored mappings": "隐藏已忽略的映射",
+  "Show ignored mappings": "显示已忽略的映射",
+  "Ignored Mappings": "已忽略的映射",
+  "These joystick mappings have been ignored:": "以下摇杆映射已被忽略：",
+  "Apply Joystick Mapping Suggestion": "应用摇杆映射建议",
+  "Button {button} ({modifier})": "按钮 {button} ({modifier})",
+  "Current mapping": "当前映射",
+  "New mapping": "新映射",
+  "Accept All Suggestions": "接受所有建议",
+  "Accept all {count} suggestions from {name} ({extension})?": "接受来自 {name} ({extension}) 的全部 {count} 条建议？",
+  "Apply All": "全部应用",
+  "On screen telemetry data": "屏幕遥测数据",
+  "Overlay Options": "叠加选项",
+  "Vehicle Variables": "设备变量",
+  "Mission Variables": "任务变量",
+  "Custom Messages": "自定义消息",
+  "Font size": "字体大小",
+  "Shadow size": "阴影大小",
+  "Font color": "字体颜色",
+  "Outline color": "轮廓颜色",
+  "Shadow color": "阴影颜色",
+  "Bold": "粗体",
+  "Italic": "斜体",
+  "Underline": "下划线",
+  "Strikethrough": "删除线",
+  "Telemetry frequency - 1 to 100 Hz (default 1 Hz)": "遥测频率 - 1 到 100 Hz（默认 1 Hz）",
+  "Reset Positions": "重置位置",
+  "Enter message": "输入消息",
+  "Roll": "横滚角",
+  "Pitch": "俯仰角",
+  "Depth": "深度",
+  "Mode": "模式",
+  "Battery voltage": "电池电压",
+  "Battery current": "电池电流",
+  "GPS satellites": "GPS 卫星",
+  "GPS status": "GPS 状态",
+  "Mission name": "任务名称",
+  "Time": "时间",
+  "Date": "日期",
+  "Instantaneous power": "瞬时功率",
+  "Data Lake Variables": "数据湖变量",
+  "About": "关于",
+  "General configuration": "通用配置",
+  "User settings": "用户设置",
+  "User related configuration. Here you can set the user that is currently set for this device as well as create a new user account.": "用户相关配置。您可以设置当前设备的用户以及创建新用户账户。",
+  "Pirate mode": "海盗模式",
+  "Pirate mode allows Cockpit to expose advanced features, like setting the frequency of MAVLink messages. Take care when enabling this mode.": "海盗模式允许 Cockpit 公开高级功能，例如设置 MAVLink 消息频率。启用此模式时请小心。",
+  "Current user:": "当前用户：",
+  "Manage users": "管理用户",
+  "Language:": "语言：",
+  "Show tutorial": "显示教程",
+  "Open Cockpit folder": "打开 Cockpit 文件夹",
+  "Manage Cockpit settings": "管理 Cockpit 设置",
+  "Enable pirate mode": "启用海盗模式",
+  "Disable pirate mode": "禁用海盗模式",
+  "Extension features": "扩展功能",
+  "Cockpit folder location:": "Cockpit 文件夹位置：",
+  "Cockpit folder location": "Cockpit 文件夹位置",
+  "The selected folder is not named \"Cockpit\". Would you like to use {selected} directly, or create and use a Cockpit subfolder inside it?": "所选文件夹名称不是 \"Cockpit\"。您希望直接使用 {selected}，还是在其中创建并使用 Cockpit 子文件夹？",
+  "Use {name}": "使用 {name}",
+  "Use {name}/Cockpit": "使用 {name}/Cockpit",
+  "This feature is only available in the desktop version of Cockpit.": "此功能仅在 Cockpit 桌面版中可用。",
+  "Vehicle network connection (global address)": "设备网络连接（全局地址）",
+  "Current address": "当前地址",
+  "Sets the network address for device communication. E.g: blueos.local": "设置设备通信的网络地址。例如：blueos.local",
+  "Address of the Vehicle. E.g: blueos.local": "设备地址。例如：blueos.local",
+  "URI of a Mavlink2Rest": "MAVLink2Rest 的 URI",
+  "URI of a WebRTC Signalling Server URI": "WebRTC 信令服务器的 URI",
+  "Status": "状态",
+  "connected": "已连接",
+  "connecting...": "连接中...",
+  "failed to connect": "连接失败",
+  "Video connection (WebRTC)": "视频连接 (WebRTC)",
+  "Custom WebRTC configuration": "自定义 WebRTC 配置",
+  "Custom WebRTC Configuration": "自定义 WebRTC 配置",
+  "Generic WebSocket connections": "通用 WebSocket 连接",
+  "Connect to external WebSocket servers to receive data and inject it into the data-lake.": "连接到外部 WebSocket 服务器以接收数据并将其注入到数据湖。",
+  "Add connection": "添加连接",
+  "Messages should be in the format": "消息应为格式",
+  "one per message": "每条消息一个",
+  "You can use data-lake variables to compose the URL, for example:": "您可以使用数据湖变量来组成 URL，例如：",
+  "No connections configured.": "未配置连接。",
+  "Enable custom": "启用自定义",
+  "Reset global address": "重置全局地址",
+  "Stream is not available": "流不可用",
+  "KEEP IGNORED": "保持忽略",
+  "DELETE PERMANENTLY": "永久删除",
+  "The stream is not available anymore.": "主视频流不可用。\n\n请确保您的设备已连接并正在正常流式传输视频。",
+  "You have two options:": "您有两个选项：",
+  "Maintain it in the ignored list so it won't be mapped automatically if it becomes available again.": "将其保留在忽略列表中，这样如果它再次可用，就不会自动映射。",
+  "Remove it completely from the ignored list. If it becomes available in the future, it will be automatically mapped.": "将其从忽略列表中完全删除。如果将来它再次可用，将自动映射。",
+  "Edit stream": "编辑流",
+  "Current Version": "当前版本",
+  "New Version": "新版本",
+  "Release Date": "发布日期",
+  "Joystick configuration": "摇杆配置",
+  "Connect a joystick and press any key.": "连接摇杆并按下任意键。",
+  "General settings": "通用设置",
+  "View and configure your controller button and joystick behaviors, in a diagram and/or table display.": "查看和配置您的控制器按钮和摇杆行为，以图表和/或表格显示。",
+  "Axis Calibration": "轴校准",
+  "Vehicle types that use this profile by default:": "默认使用此配置的设备类型：",
+  "New profile name": "新配置名称",
+  "Hold last joystick input when window is hidden (tab changed or window minimized)": "窗口隐藏时保持最后的摇杆输入（标签页切换或窗口最小化时）",
+  "Currently Active Profile": "当前活动配置",
+  "Switch to \"{name}\" profile": "切换到 \"{name}\" 配置",
+  "Visual": "可视化",
+  "Table": "表格",
+  "Download joystick mappings": "下载摇杆映射",
+  "Upload joystick mappings": "上传摇杆映射",
+  "controller": "控制器",
+  "Unknown controller": "未知控制器",
+  "Axes": "轴",
+  "Buttons": "按钮",
+  "Button": "按钮",
+  "Preview": "预览",
+  "Direction": "方向",
+  "Axis": "轴",
+  "Press a key or move an axis": "按下按键或移动轴",
+  "Function": "功能",
+  "Custom label": "自定义标签",
+  "ROV functions mapping": "ROV 功能映射",
+  "Boat functions mapping": "Boat 功能映射",
+  "MAV functions mapping": "MAV 功能映射",
+  "Calibrate your joystick to ensure accurate axis inputs.": "校准您的摇杆以确保准确的轴输入。",
+  "Click the button to open the calibration dialog, then follow the instructions to calibrate your joystick axes.": "点击按钮打开校准对话框，然后按照说明校准您的摇杆轴。",
+  "Deadband/Deadzone": "死区",
+  "Deadband:": "死区：",
+  "Exponential Scaling": "EXPO缩放",
+  "Exponential:": "指数：",
+  "in": "输入",
+  "out": "输出",
+  "Calibrate": "校准",
+  "Joystick Calibration": "摇杆校准",
+  "Deadband Calibration": "死区校准",
+  "This allows ignoring small unwanted movements near the center of each joystick.": "这允许忽略每个摇杆中心附近的小幅不需要的移动。",
+  "The deadband regions are the red regions in the center of each graph, specifying how much of the joystick axis range to ignore. Within each deadband the output is clamped to 0, and the output curve (linear or exponential) starts at the edges of the region. This is useful if a spring-loaded joystick does not get consistently returned to the exact center of each axis.": "死区区域是每个图表中心的红色区域，指定要忽略的摇杆轴范围。在每个死区内，输出被限制为 0，输出曲线（线性或指数）从区域边缘开始。如果弹簧加载的摇杆不能一致地返回到每个轴的精确中心，这很有用。",
+  "To calibrate the deadband, click and drag the deadband regions on the graphs, set the region width numbers directly with the text-input, or click the 'auto calibrate deadband' button at the bottom. If auto-calibrating, gently touch the sticks during the calibration, while trying not to actually move them.": "要校准死区，请在图表上单击并拖动死区区域，使用文本输入直接设置区域宽度数字，或点击底部的\"自动校准死区\"按钮。如果自动校准，请在校准期间轻轻触摸摇杆，同时尽量不要实际移动它们。",
+  "Exponential Calibration": "指数校准",
+  "This adjusts the sensitivity curve of your joysticks.": "这会调整摇杆的灵敏度曲线。",
+  "Exponential scaling allows reducing the sensitivity of an axis near the center, for more precise control, which then steepens the curve near the edges to use the full range. A value of 1 will result in a linear curve, while greater values result in more rounded exponentials.": "指数缩放允许降低轴在中心附近的灵敏度，以实现更精确的控制，然后使曲线在边缘附近变陡以使用全部范围。值为 1 将产生线性曲线，而更大的值将产生更圆滑的指数曲线。",
+  "Calibrating all axes...": "正在校准所有轴...",
+  "Axis {index}": "轴 {index}",
+  "Camera Zoom Decrease": "相机变焦减小",
+  "Camera Zoom Increase": "相机变焦增加",
+  "Camera Focus Decrease": "相机对焦减小",
+  "Camera Focus Increase": "相机对焦增加",
+  "Camera Zoom": "相机变焦",
+  "Camera Zoom Speed": "相机变焦速度",
+  "Camera Focus": "相机对焦",
+  "Camera Focus Speed": "相机对焦速度",
+  "No function": "无功能",
+  "Assign as Shift": "分配为Shift",
+  "Unmap Input": "取消映射",
+  "Map function to button": "映射功能到按钮",
+  "Go to next view": "转到下一个视图",
+  "Go to previous view": "转到上一个视图",
+  "Toggle full screen": "切换全屏",
+  "Mavlink arm": "Mavlink解锁",
+  "Mavlink disarm": "Mavlink加锁",
+  "Toggle bottom bar": "切换底部栏",
+  "Toggle top bar": "切换顶部栏",
+  "Start recording all streams": "开始录制所有流",
+  "Stop recording all streams": "停止录制所有流",
+  "Toggle recording all streams": "切换录制所有流",
+  "Take snapshot": "拍摄快照",
+  "Hold to confirm": "长按确认",
+  "Auto calibrate deadzones": "自动校准死区",
+  "Input mapping": "输入映射",
+  "Search actions...": "搜索动作...",
+  "Cockpit Action": "Cockpit动作",
+  "MAVLink Manual Control": "MAVLink手动控制",
+  "Data Lake Variable": "数据湖变量",
+  "System update is recommended": "建议更新系统",
+  "It seems like you're running versions of Mavlink2Rest (BlueOS) and/or ArduPilot that do not support the extended MAVLink MANUAL_CONTROL message. We strongly suggest upgrading both so you can have support for additional buttons and axes on the joystick. This is especially important if you sometimes use other control station software, like QGroundControl, as Cockpit can preferentially use the extended buttons to reduce configuration clashes. We recommend using BlueOS ≥ 1.2.0, and ≥ version 4.1.2 for ArduPilot-based autopilot firmware.": "您似乎正在运行不支持扩展 MAVLink MANUAL_CONTROL 消息的 Mavlink2Rest（BlueOS）和/或 ArduPilot 版本。我们强烈建议升级两者，以便您能够支持摇杆上的额外按钮和轴。如果您有时使用其他控制站软件（如 QGroundControl），这一点尤其重要，因为 Cockpit 可以优先使用扩展按钮来减少配置冲突。我们建议使用 BlueOS ≥ 1.2.0 和 ArduPilot 固件 ≥ 4.1.2 版本。",
+  "Additional buttons": "额外按钮",
+  "Additional axes": "额外轴",
+  "Axis mapping": "轴映射",
+  "Could not stablish communication with the vehicle.": "无法与设备建立通信。",
+  "Button functions will appear as numbers. If connection is restablished, function names will appear.": "按钮功能将显示为数字。如果重新建立连接，将显示功能名称。",
+  "Confirm Profile Switch": "确认配置文件切换",
+  "Switching from \"{from}\" to \"{to}\" profile for {vehicleType}": "正在从 \"{from}\" 切换到 \"{to}\" 配置文件（{vehicleType}）",
+  "This profile is configured for the current vehicle type": "此配置文件已为当前设备类型配置",
+  "This profile is not configured for the current vehicle type. Continuing may result in unexpected behavior.": "此配置文件未为当前设备类型配置。继续可能会导致意外行为。",
+  "Switch Profile": "切换配置文件",
+  "Video configuration": "视频配置",
+  "Video View": "视频视图",
+  "Map View": "地图视图",
+  "HUD View": "HUD视图",
+  "CollapsibleContainer": "可折叠容器",
+  "CompassHUD": "罗盘HUD",
+  "DepthHUD": "深度HUD",
+  "DoItYourself": "自定义控件",
+  "ImageView": "图片视图",
+  "MiniWidgetsBar": "迷你组件栏",
+  "MissionControlPanel": "任务控制面板",
+  "URLVideoPlayer": "URL视频播放器",
+  "VideoPlayer": "视频播放器",
+  "VirtualHorizon": "虚拟地平线",
+  "ArmerButton": "解锁按钮",
+  "BaseCommIndicator": "基础通信指示器",
+  "BatteryIndicator": "电池指示器",
+  "ChangeAltitudeCommander": "高度指令器",
+  "DepthIndicator": "深度指示器",
+  "EkfStateIndicator": "EKF状态指示器",
+  "EnterEditMode": "进入编辑模式",
+  "GoFullScreen": "全屏",
+  "JoystickCommIndicator": "摇杆通信指示器",
+  "MiniMissionControlPanel": "迷你任务控制面板",
+  "MiniVideoRecorder": "迷你视频录制器",
+  "MissionIdentifier": "任务标识符",
+  "ModeSelector": "模式选择器",
+  "RelativeAltitudeIndicator": "相对高度指示器",
+  "SatelliteIndicator": "卫星指示器",
+  "SnapshotTool": "截图工具",
+  "TakeoffLandCommander": "起降指令器",
+  "VeryGenericIndicator": "通用指示器",
+  "ViewSelector": "视图选择器",
+  "Streams mapping": "流映射",
+  "Here you can map your external video streams to internal names and manage ignored streams. Active streams allow you to easily switch between different video sources in Cockpit.": "您可以将外部视频流映射到内部名称并管理忽略的流。活动流允许您在 Cockpit 中轻松切换不同的视频源。",
+  "Internal name": "内部名称",
+  "External name": "外部名称",
+  "Video source": "视频源",
+  "No available streams found.": "未找到可用流。",
+  "Show ignored streams": "显示已忽略的流",
+  "Allowed WebRTC remote IP Addresses": "允许的 WebRTC 远程 IP 地址",
+  "Select the IP addresses to allow connecting to for WebRTC video streaming. For best performance it is recommended to only use the most reliable interfaces - e.g. avoid wireless interfaces if there is a tethered/wired interface available. If no value is specified, all available routes are allowed.": "选择允许连接的 IP 地址以进行 WebRTC 视频流传输。为获得最佳性能，建议仅使用最可靠的接口 - 例如，如果有有线接口可用，请避免使用无线接口。如果未指定值，则允许所有可用路由。",
+  "Enable auto-retrieval of allowed IP addresses": "启用 IP 地址的自动检索",
+  "Allowed WebRTC protocols:": "允许的 WebRTC 协议：",
+  "Video stream quality may be enhanced by enforcing a protocol that is well-suited to the available network infrastructure. UDP can be lower latency but may drop frames, while TCP enforces frame ordering at the cost of some increased latency and jitter.": "通过强制使用适合可用网络基础设施的协议，可以提高视频流质量。UDP 延迟较低但可能丢帧，而 TCP 会强制帧顺序，但代价是增加一些延迟和抖动。",
+  "RTP Jitter Buffer (Target) duration:": "RTP 抖动缓冲区（目标）持续时间：",
+  "Increasing the buffer duration causes additional video latency, but can help to compensate for network jitter and provide more consistent frame timing in the display. Cockpit's default is zero milliseconds, but you can set a custom value, or leave the field empty to use your browser's default.": "增加缓冲区持续时间会导致额外的视频延迟，但可以帮助补偿网络抖动并在显示中提供更一致的帧时序。Cockpit 的默认值为零毫秒，但您可以设置自定义值，或留空以使用浏览器的默认值。",
+  "ms": "毫秒",
+  "Video library options:": "视频库选项：",
+  "Configure live video processing to process videos in real-time during recording for instant availability when recording stops. This is only available in the Electron (desktop) version.": "配置实时视频处理以在录制期间实时处理视频，以便在录制停止时立即可用。这仅在 Electron（桌面）版本中可用。",
+  "Choose whether to save backup raw chunks alongside the final video file. This provides safety for video reconstruction if something goes wrong, but uses approximately double the storage space.": "选择是否在最终视频文件旁边保存备份原始块。如果出现问题，这可以为视频重建提供安全性，但使用的存储空间大约是两倍。",
+  "Select whether video and subtitle files should be bundled together in a ZIP archive, or downloaded individually. Zipping allows a single download of a group of files, but requires waiting for the files to get zipped together. Depending on file sizes, the zipping process may complete within seconds or could take minutes.": "选择视频和字幕文件是应捆绑在 ZIP 存档中，还是单独下载。压缩允许单次下载一组文件，但需要等待文件压缩在一起。根据文件大小，压缩过程可能在几秒钟内完成，也可能需要几分钟。",
+  "Browser Version": "浏览器版本",
+  "Video processing is not available in the browser version. Your recordings will be saved as raw chunks that can be downloaded and processed using the standalone version of Cockpit.": "浏览器版本中不提供视频处理。您的录制将保存为原始块，可以使用 Cockpit 的独立版本下载和处理。",
+  "Live video processing (Electron)": "实时视频处理（Electron）",
+  "Process videos in real-time during recording for instant availability when recording stops": "在录制期间实时处理视频，以便在录制停止时立即可用",
+  "Live video processing is only available in the standalone version": "实时视频处理仅在独立版本中可用",
+  "Save backup raw chunks": "保存备份原始块",
+  "Save the raw video chunks alongside the final video file for backup purposes.": "将原始视频块保存在最终视频文件旁边以用于备份目的。",
+  "Enabled: Raw chunks are preserved after recording. Videos use ~2x storage space but provide safety for reconstruction if the final video is corrupted.": "启用：录制后保留原始块。视频使用约 2 倍存储空间，但如果最终视频损坏，可以提供重建的安全性。",
+  "Disabled: Raw chunks are automatically deleted after successful processing, using minimal storage space.": "禁用：成功处理后自动删除原始块，使用最少的存储空间。",
+  "You can always manually clean up backup chunks later using the \"Temporary\" tab in the Video Library.": "您随时可以使用视频库中的'临时'选项卡手动清理备份块。",
+  "For the browser version the chunks are always saved by default.": "对于浏览器版本，块始终默认保存。",
+  "Zip multiple files": "压缩多个文件",
+  "Add direct RTSP stream (Standalone)": "添加直接 RTSP 流（独立版）",
+  "RTSP URL": "RTSP 地址",
+  "Interface configuration": "界面配置",
+  "Window material": "窗口材质",
+  "Glass color": "玻璃颜色",
+  "Reset to defaults": "重置为默认",
+  "Restarting Cockpit in {seconds} seconds...": "正在重启 Cockpit，{seconds} 秒后重启...",
+  "Opacity": "不透明度",
+  "Blur": "模糊",
+  "Menu": "菜单",
+  "Main menu trigger position": "主菜单触发位置",
+  "Center-left tab": "居中左侧标签",
+  "Top bar button": "顶部栏按钮",
+  "Display units": "显示单位",
+  "Distance": "距离",
+  "Meters": "米",
+  "Feet": "英尺",
+  "User Interface": "用户界面",
+  "Window Material": "窗口材质",
+  "Display Units": "显示单位",
+  "Mission configuration": "任务配置",
+  "Map options": "地图选项",
+  "Enable pre-arm checklist": "启用预解锁检查清单",
+  "Enable slide to confirm": "启用滑动确认",
+  "Auto switch to flight mode on mission upload": "任务上传时自动切换到飞行模式",
+  "Show mission creation checklist": "显示任务创建检查清单",
+  "Show coordinate grid on maps": "在地图上显示坐标网格",
+  "Make vehicle history line persistent": "保持车辆历史轨迹永久显示",
+  "Enable confirmation on specific categories:": "在特定类别上启用确认：",
+  "Add an extra confirmation step for UI elements that can trigger mission critical actions.": "为可以触发任务关键操作的 UI 元素添加额外的确认步骤。",
+  "Default map position: Defines the initial center and zoom level for the map. Max. vehicle position update rate: Limits how often the vehicle's position is updated on the map to reduce CPU usage.": "默认地图位置：定义地图的初始中心和缩放级别。最大设备位置更新速率：限制设备位置在地图上更新的频率以减少 CPU 使用率。",
+  "Default map position:": "默认地图位置：",
+  "Defines the initial center and zoom level for the map.": "定义地图的初始中心和缩放级别。",
+  "Default map position": "默认地图位置",
+  "Zoom Level (1-19)": "缩放级别（1-19）",
+  "Max. vehicle position update rate:": "最大设备位置更新速率：",
+  "Limits how often the vehicle's position is updated on the map to reduce CPU usage.": "限制设备位置在地图上更新的频率以减少 CPU 使用率。",
+  "Map tile provider:": "地图瓦片提供商：",
+  "Sets which tile layer is used when the dashboard map and mission planning view open. Choose 'Use last selected' to keep the provider last picked from the map's layer control, or pick a specific provider to always open with it.": "设置仪表盘地图和任务规划视图打开时使用的瓦片图层。选择「使用最后选择」可保留上次选取的提供商，或选择特定提供商以始终使用该提供商打开。",
+  "Max. vehicle position update rate": "最大设备位置更新速率",
+  "Default map tile provider": "默认地图瓦片提供商",
+  "ms": "毫秒",
+  "Altitude Change": "高度变更",
+  "Goto": "前往",
+  "Alerts configuration": "警报配置",
+  "Voice alerts:": "语音警报：",
+  "Enable voice alerts to receive audible notifications about system and vehicle activities. Select specific alert levels to customize which types of notifications you receive.": "启用语音警报以接收有关系统和设备活动的可听通知。选择特定警报级别以自定义您收到的通知类型。",
+  "Alerts volume": "警报音量",
+  "Alert levels:": "警报级别：",
+  "Alert voice:": "警报语音：",
+  "Show warning when opening menu with armed vehicle": "在打开武装设备菜单时显示警告",
+  "Critical": "严重",
+  "Development configuration": "开发配置",
+  "Development mode": "开发模式",
+  "BlueOS settings sync": "BlueOS 设置同步",
+  "Usage statistics telemetry": "使用统计遥测",
+  "Enable system logging": "启用系统日志",
+  "Show splashscreen on startup": "启动时显示启动画面",
+  "Dev info blur level": "开发信息模糊级别",
+  "System logs": "系统日志",
+  "Delete old logs": "删除旧日志",
+  "Date/Time": "日期/时间",
+  "Size": "大小",
+  "Stop tracking this message": "停止跟踪此消息",
+  "Incoming Messages:": "接收消息：",
+  "Outgoing Messages:": "发送消息：",
+  "No incoming messages": "无接收消息",
+  "No outgoing messages": "无发送消息",
+  "Received at:": "接收时间：",
+  "Sent at:": "发送时间：",
+  "MAVLink configuration": "MAVLink 配置",
+  "DataLake variables creation": "DataLake 变量创建",
+  "Variables from other systems": "来自其他系统的变量",
+  "Enable the creation of DataLake variables from MAVLink messages originating from systems/components other than the main vehicle (System ID {systemId}, Component ID 1). When enabled, variables from all MAVLink systems on the network will be available in the DataLake.": "启用从主设备（系统 ID {systemId}，组件 ID 1）以外的系统/组件发起的 MAVLink 消息创建 DataLake 变量。启用后，网络上所有 MAVLink 系统的变量将在 DataLake 中可用。",
+  "Legacy variable names": "旧版变量名称",
+  "Create duplicate variables with the old naming format for backwards compatibility. Enabled by default - users with older setups may want to disable this for performance. If disabled, you will need to manually replace usages of the legacy variables with the new ones in mini-widgets (e.g.: VGI, Plotter) and scripts (e.g.: DataLake transformation functions).": "为向后兼容性创建具有旧命名格式的重复变量。默认启用 - 使用旧设备的用户可能希望禁用此功能以提高性能。如果禁用，您需要在小部件（例如：VGI、绘图仪）和脚本（例如：DataLake 转换函数）中手动将旧版变量的使用替换为新变量。",
+  "Enable DataLake variables from other systems": "启用来自其他系统的 DataLake 变量",
+  "Enable legacy variable names (e.g., 'ATTITUDE/roll')": "启用旧版变量名称（例如，'ATTITUDE/roll'）",
+  "Message intervals": "消息间隔",
+  "Configure the frequency at which each MAVLink message is requested from the vehicle. Higher frequencies provide more responsive data but increase the load on the network and in the vehicle's CPU. If the message is not already configured, you can add it to the interval configuration with the forms in the bottom.": "配置从设备请求每个 MAVLink 消息的频率。更高的频率提供更响应的数据，但会增加网络和设备 CPU 的负载。如果消息尚未配置，您可以使用底部的表单将其添加到间隔配置中。",
+  "Search messages": "搜索消息",
+  "Reset intervals to Cockpit defaults": "将间隔重置为 Cockpit 默认值",
+  "Vehicle default": "设备默认",
+  "Don't touch": "不要触碰",
+  "Set the interval for a new message": "为新消息设置间隔",
+  "Message Type": "消息类型",
+  "Interval Type": "间隔类型",
+  "Add new message": "添加新消息",
+  "Available Actions": "可用操作",
+  "Cockpit actions configuration": "Cockpit 操作配置",
+  "View, manage, and create different types of actions.": "查看、管理和创建不同类型的操作。",
+  "HTTP Request actions can be used to call external APIs, like servers, vehicles, cameras, etc.": "HTTP Request 操作可用于调用外部 API，如服务器、设备、摄像头等。",
+  "MAVLink Message actions allow you to send specific MAVLink messages to vehicles.": "MAVLink Message 操作允许您向设备发送特定的 MAVLink 消息。",
+  "JavaScript actions give you full flexibility by allowing you to write custom code.": "JavaScript 操作通过允许您编写自定义代码，为您提供完全的灵活性。",
+  "The link button can be used to link Actions to Data Lake variables, so that changes to the variable value will automatically trigger the linked action.": "链接按钮可用于将操作链接到 Data Lake 变量，以便变量值的变化会自动触发链接的操作。",
+  "Actions can also be tested/run manually, using the play button.": "操作也可以使用播放按钮手动测试/运行。",
+  "Min Interval": "最小间隔",
+  "Linked Variables": "已链接变量",
+  "New action": "新建操作",
+  "Import action": "导入操作",
+  "No actions found": "未找到操作",
+  "Select Action Type": "选择操作类型",
+  "HTTP Request Action": "HTTP 请求操作",
+  "Create an action to make HTTP requests to external APIs and services": "创建向外部 API 和服务发出 HTTP 请求的操作",
+  "MAVLink Message Action": "MAVLink 消息操作",
+  "Create an action to send MAVLink messages to vehicles": "创建向设备发送 MAVLink 消息的操作",
+  "JavaScript Action": "JavaScript 操作",
+  "Create a custom action using JavaScript code": "使用 JavaScript 代码创建自定义操作",
+  "Link": "链接",
+  "Run": "运行",
+  "Edit action": "编辑动作",
+  "Create new action": "创建新动作",
+  "Action Name": "操作名称",
+  "Test Action": "测试操作",
+  "HTTP Request": "HTTP 请求",
+  "MAVLink Message": "MAVLink 消息",
+  "Message Configuration": "消息配置",
+  "Message fields object": "消息字段对象",
+  "Insert a JSON object with the message fields here. Use {{ data_lake_key }} for dynamic values. Use { type: 'ENUM_VALUE' } for enum values (e.g.: MAV_CMD_COMPONENT_ARM_DISARM).": "在此处插入包含消息字段的 JSON 对象。使用 {{ data_lake_key }} 表示动态值。使用 { type: 'ENUM_VALUE' } 表示枚举值（例如：MAV_CMD_COMPONENT_ARM_DISARM）。",
+  "This field is required": "此字段为必填项",
+  "System ID of target system": "目标系统的系统 ID",
+  "Component ID of target component": "目标组件的组件 ID",
+  "Command ID": "命令 ID",
+  "Confirmation value (0: first transmission, 1-255: confirmations)": "确认值（0：首次传输，1-255：确认次数）",
+  "Coordinate frame": "坐标系",
+  "Current sequence number": "当前序列号",
+  "Autocontinue bit": "自动继续位",
+  "Parameter 1": "参数 1",
+  "Parameter 2": "参数 2",
+  "Parameter 3": "参数 3",
+  "Parameter 4": "参数 4",
+  "Parameter 5": "参数 5",
+  "Parameter 6": "参数 6",
+  "Parameter 7": "参数 7",
+  "Latitude": "纬度",
+  "Longitude": "经度",
+  "Coordinate frame": "坐标系",
+  "Current sequence number": "当前序列号",
+  "Autocontinue bit": "自动继续位",
+  "JavaScript Code": "JavaScript 代码",
+  "Type {{ to autocomplete data lake variables": "输入 {{ 可自动完成 data lake 变量",
+  "Automatic Triggers": "自动触发器",
+  "Action": "操作",
+  "Unknown": "未知",
+  "When variable(s) change:": "当变量发生变化时：",
+  "No faster than": "不快于",
+  "changes/s": "变化/秒",
+  "Time-based:": "基于时间：",
+  "No time trigger": "无时间触发",
+  "On startup": "启动时",
+  "Repeatedly": "重复",
+  "Run every": "运行间隔",
+  "Run after": "运行延迟",
+  "second": "秒",
+  "seconds": "秒",
+  "Action is required": "操作为必填项",
+  "Variable-based frequency must be greater than 0": "基于变量的频率必须大于 0",
+  "Interval-based delay must be at least 1 millisecond": "基于间隔的延迟至少为 1 毫秒",
+  "Startup delay cannot be negative": "启动延迟不能为负数",
+  "CREATE SURVEY": "创建调查区域",
+  "ADD SURVEY": "添加调查区域",
+  "CREATE SIMPLE PATH": "创建简单路径",
+  "ADD SIMPLE PATH": "添加简单路径",
+  "Cruise speed": "巡航速度",
+  "New mission checklist": "新任务检查清单",
+  "Set home waypoint": "设置起点航点",
+  "Create mission path": "创建任务路径",
+  "Upload to the vehicle": "上传至设备",
+  "CLEAR CURRENT MISSION": "清除当前任务",
+  "DOWNLOAD MISSION FROM VEHICLE": "从设备下载任务",
+  "Mission Name": "任务名称",
+  "Switch to Flight Mode": "切换到飞行模式",
+  "Flight mode": "飞行模式",
+  "Add waypoint here": "在此添加航点",
+  "Close survey creation": "关闭调查创建",
+  "Close simple path creation": "关闭简单路径创建",
+  "Edit survey's polygon": "编辑调查任务多边形",
+  "Delete survey": "删除调查",
+  "Delete waypoint": "删除航点",
+  "Edit waypoint": "编辑航点",
+  "Home position set to {lat}, {lon}": "起始位置已设置为 {lat}, {lon}",
+  "Failed to set home position: {error}": "设置起始位置失败：{error}",
+  "Mission download succeeded!": "任务下载成功！",
+  "Survey deleted.": "调查任务已删除。",
+  "Failed to generate survey path: {error}": "生成调查任务路径失败：{error}",
+  "Waypoints generated from survey path.": "已从调查路径生成航点。",
+  "Failed to find old waypoints.": "未能找到旧航点。",
+  "Undo successful.": "撤销成功。",
+  "Draft mission loaded.": "草稿任务已加载。",
+  "Failed to load draft mission: {error}": "加载草稿任务失败：{error}",
+  "{layerName} offline tiles saved!": "{layerName} 离线瓦片已保存！",
+  "Invalid mission file.": "无效的任务文件。",
+  "File does not appear to be in the correct format.": "文件格式不正确。",
+  "Failed to load mission file:": "加载任务文件失败：",
+  "No survey path to generate waypoints from.": "没有可用于生成航点的调查路径。",
+  "Mission download failed": "任务下载失败",
+  "No survey selected to delete.": "没有选择要删除的调查任务。",
+  "Selected survey does not exist.": "所选调查任务不存在。",
+  "No survey selected.": "没有选择调查任务。",
+  "Nothing to undo.": "没有可撤销的操作。",
+  "{layerLabel} offline tiles removed": "{layerLabel} 离线瓦片已移除",
+  "Saving {count} {layerName} tiles...": "正在保存 {count} 个 {layerName} 瓦片...",
+  "Mission upload succeeded": "任务上传成功",
+  "Always switch to Flight Mode": "总是切换到飞行模式",
+  "You will be switched to Flight Mode automatically in the future. To change this, go to Mission Planning settings.": "今后将自动切换到飞行模式。要更改此设置，请转到任务计划设置。",
+  "Clear": "清空",
+  "Save tiles": "保存瓦片",
+  "Remove tiles": "移除瓦片",
+  "Current mission cleared": "当前任务已清空",
+  "Save {count} {layerLabel} tiles for offline use?": "保存 {count} 个 {layerLabel} 瓦片以供离线使用？",
+  "Home waypoint position not set": "未设置返航点位置",
+  "Please set the home waypoint position using the context menu on the map. The home waypoint position is used to determine the position where the vehicle will return to when the mission is completed or when the vehicle is in a fail-safe state.": "请使用地图上的右键菜单设置返航点位置。返航点位置用于确定任务完成或飞行器处于故障安全状态时飞行器返回的位置。",
+  "Remove all saved {layerLabel} tiles for this layer?": "移除此图层的所有已保存的 {layerLabel} 瓦片？",
+  "Generate waypoints": "生成航点",
+  "Scan spacing": "扫描间距",
+  "Clear survey": "清空调查",
+  "Vehicle is not online.": "设备不在线。",
+  "Go to Flight Mode and click the \"play\" button to start the mission.": "请切换到飞行模式并点击“播放”按钮开始任务。",
+  "Save mission to file": "保存任务到文件",
+  "Load mission from file": "从文件加载任务",
+  "Undo (Ctrl+Z / Cmd+Z)": "撤销 (Ctrl+Z / Cmd+Z)",
+  "Redo (Ctrl+Y / Cmd+Y)": "重做 (Ctrl+Y / Cmd+Y)",
+  "Clear mission on vehicle": "清除设备上的任务",
+  "Mission Settings": "任务设置",
+  "Waypoint parameters": "航点参数",
+  "Home": "起点",
+  "Latitude:": "纬度：",
+  "Longitude:": "经度：",
+  "Altitude:": "高度：",
+  "MAVFrame:": "MAV坐标系：",
+  "Waypoint Commands": "航点命令",
+  "Append New Command": "追加新命令",
+  "Absolute (relative to mean sea level)": "绝对高度（相对于平均海平面）",
+  "Relative to home": "相对于起始点",
+  "Relative to terrain": "相对于地面",
+  "Command": "命令",
+  "Parameters": "参数",
+  "Param": "参数",
+  "MAVLink Navigation Command": "MAVLink 导航命令",
+  "MAVLink Non-Navigation Command": "MAVLink 非导航命令",
+  "Distance between lines (m)": "线间距 (m)",
+  "Turnaround distance": "转弯距离",
+  "Turnaround distance (m)": "转弯距离 (m)",
+  "Lines angle (degrees)": "线角度 (度)",
+  "GENERATE WAYPOINTS": "生成航点",
+  "Clear Path": "清除路径",
+  "Cancel Survey": "取消调查",
+  "Altitude (m)": "高度 (m)",
+  "Altitude type:": "高度类型：",
+  "END SIMPLE PATH": "结束简单路径",
+  "Saving {layerName} offline tiles": "正在保存 {layerName} 离线瓦片",
+  "Mission upload failed": "任务上传失败",
+  "Vehicle path history cleared": "飞行器路径历史已清除",
+  "Lat: {lat}, Lng: {lng}": "纬度: {lat}, 经度: {lng}",
+  "Save {layerLabel} tiles": "保存 {layerLabel} 瓦片",
+  "Remove {layerLabel} tiles": "删除 {layerLabel} 瓦片",
+  "You currently have no widgets!": "您当前没有小部件！",
+  "Open edit mode to start tweaking this view.": "打开编辑模式开始调整此视图。",
+  "Left Top": "左上",
+  "Center Top": "中上",
+  "Right Top": "右上",
+  "Left Mid": "左中",
+  "Center Mid": "中中",
+  "Right Mid": "右中",
+  "Left Bottom": "左下",
+  "Center Bottom": "中下",
+  "Right Bottom": "右下",
+  "Access video configuration to configure recording and streaming options.": "访问视频配置以配置录制和流式传输选项。",
+  "On this screen, you can configure the telemetry data that will be displayed on the subtitle file for recorded videos. You can change the font size, color, and style, as well as the position of each variable on the screen. You can also add custom messages that will be displayed on the video player screen.": "在此界面，您可以配置录制视频字幕文件中将显示的遥测数据。您可以更改字体大小、颜色和样式，以及每个变量在屏幕上的位置。您还可以添加将在视频播放器屏幕上显示的自定义消息。",
+  "Drag and drop variables from the left panel to the desired position on the Telemetry Data Display.": "从左侧面板拖放变量到遥测数据显示的所需位置。",
+  "For additional Help, refer to documentation or contact us.": "如需更多帮助，请参阅文档或联系我们。",
+  "Go To": "前往",
+  "Arm and Go To": "解锁并前往",
+  "Confirm Arm": "确认解锁",
+  "Confirm Disarm": "确认上锁",
+  "Arm confirmed": "解锁已确认",
+  "Disarm confirmed": "上锁已确认",
+  "Confirm Takeoff": "确认起飞",
+  "Takeoff confirmed": "起飞已确认",
+  "Takeoff denied": "起飞被拒绝",
+  "Takeoff confirmation expired": "起飞确认已过期",
+  "Confirm Land": "确认降落",
+  "Land confirmed": "降落已确认",
+  "Land denied": "降落被拒绝",
+  "Land confirmation expired": "降落确认已过期",
+  "Confirm Go To": "确认前往",
+  "Go To confirmed": "前往已确认",
+  "Go To denied": "前往被拒绝",
+  "Go To confirmation expired": "前往确认已过期",
+  "Confirm Altitude Change": "确认高度变更",
+  "Altitude change confirmed": "高度变更已确认",
+  "Altitude change denied": "高度变更被拒绝",
+  "Altitude change confirmation expired": "高度变更确认已过期",
+  "Confirm Arm and Go To": "确认解锁并前往",
+  "Arm and Go To confirmed": "解锁并前往已确认",
+  "Arm denied": "解锁被拒绝",
+  "Arm confirmation expired": "解锁确认已过期",
+  "Disarm denied": "上锁被拒绝",
+  "Disarm confirmation expired": "上锁确认已过期",
+  "Cannot hide the current view": "无法隐藏当前视图",
+  "Cannot open POI dialog without coordinates": "没有坐标无法打开兴趣点对话框",
+  "Command '{command}' was ignored or denied": "命令 '{command}' 被忽略或拒绝",
+  "No vehicle available to arm": "没有可用设备进行解锁",
+  "No vehicle available to disarm": "没有可用设备进行上锁",
+  "No vehicle available for takeoff": "没有可用设备进行起飞",
+  "No vehicle available to change altitude": "没有可用设备改变高度",
+  "No vehicle available to land": "没有可用设备进行降落",
+  "No vehicle available to execute go to command": "没有可用设备执行前往命令",
+  "No vehicle available to fetch home waypoint": "没有可用设备获取起飞点",
+  "No vehicle available to set home waypoint": "没有可用设备设置起飞点",
+  "No vehicle available to start mission": "没有可用设备启动任务",
+  "No vehicle available to listen for incoming messages": "没有可用设备监听入站消息",
+  "No vehicle available to listen for outgoing messages": "没有可用设备监听出站消息",
+  "No vehicle available to update message interval": "没有可用设备更新消息间隔",
+  "No vehicle available to reset message intervals": "没有可用设备重置消息间隔",
+  "Cannot place POI without coordinates": "没有坐标无法放置兴趣点",
+  "Cannot save POI without coordinates": "没有坐标无法保存兴趣点",
+  "Cannot set global origin while offline": "离线状态无法设置全局原点",
+  "Cannot start recording": "无法开始录制",
+  "This feature is only available in the desktop version": "此功能仅在桌面版本中可用",
+  "Error deleting action variable": "删除动作变量时出错",
+  "Error reading widget file": "读取组件文件时出错",
+  "Failed to set default map position": "设置默认地图位置失败",
+  "Failed to start mission": "启动任务失败",
+  "An error occurred": "发生错误",
+  "Invalid JSON: {error}": "无效的 JSON：{error}",
+  "Latitude/Longitude must be valid numbers": "纬度/经度必须是有效数字",
+  "Invalid POI name": "兴趣点名称无效",
+  "Invalid widget file": "无效的组件文件",
+  "Log frequency must be between {min} and {max} Hz": "日志频率必须在 {min} 到 {max} Hz 之间",
+  "Media stream is not active": "媒体流未激活",
+  "Minimum log interval is {min} milliseconds": "最小日志间隔为 {min} 毫秒",
+  "No file selected.": "未选择文件。",
+  "No stream selected": "未选择流",
+  "No valid survey path": "没有有效的测量路径",
+  "This will permanently delete the profile '{name}'": "这将永久删除配置文件 '{name}'",
+  "Please fill in all fields": "请填写所有字段",
+  "POI manager is not available": "兴趣点管理器不可用",
+  "POI not found in store": "在存储中未找到兴趣点",
+  "Stream is not connected": "流未连接",
+  "Variable name already exists": "变量名已存在",
+  "Vehicle is connected": "设备已连接",
+  "Vehicle connection lost": "设备连接丢失",
+  "Another confirmation is already in progress for command: {command}": "命令 {command} 的确认操作正在进行中",
+  "Failed to set global origin: {error}": "设置全局原点失败：{error}",
+  "Variable '{id}' cannot be deleted": "变量 '{id}' 无法删除",
+  "Variable '{id}' is not editable": "变量 '{id}' 不可编辑",
+  "Variable '{id}' was not found": "未找到变量 '{id}'",
+  "Widget loaded successfully with new hash.": "组件已成功加载新哈希值。",
+  "Vehicle address updated": "设备地址已更新",
+  "Language changed successfully": "语言已成功更改",
+  "Button {id} remapped to function '{name}'.": "按钮 {id} 已重新映射到功能 '{name}'。",
+  "Switched to profile '{name}'.": "已切换到配置文件 '{name}'。",
+  "Deleted {count} chunks for {hash}": "已删除 {hash} 的 {count} 个片段",
+  "Deleted all temporary chunks ({size} freed)": "已删除所有临时片段（释放 {size}）",
+  "Downloaded {count} chunks in {batches} archive(s)": "已在 {batches} 个存档中下载 {count} 个块",
+  "ZIP file created successfully with {count} chunks at: {zipFilePath}": "ZIP 文件创建成功，包含 {count} 个片段，位置：{zipFilePath}",
+  "ZIP file processed successfully! Video is now available in the Videos tab.": "ZIP 文件处理成功！视频现在在视频选项卡中可用。",
+  "Functions mapping imported successful.": "功能映射导入成功。",
+  "Global origin set successfully.": "全局原点设置成功。",
+  "Snapshots deleted successfully.": "快照删除成功。",
+  "Pictures downloaded successfully.": "图片下载成功。",
+  "Configuration file applied successfully.": "配置文件应用成功。",
+  "All settings have been reset to default values.": "所有设置已重置为默认值。",
+  "Stream '{externalId}' restored from ignored list.": "流\"{externalId}\"已从忽略列表中恢复。",
+  "Stream '{name}' deleted and added to ignored list.": "流\"{name}\"已删除并添加到忽略列表。",
+  "Action variable deleted": "操作变量已删除",
+  "Mission checklist will not be shown again. You can enable them back in the settings.": "任务检查清单将不再显示。您可以在设置中重新启用。",
+  "Click anywhere on the map to set the home position": "在地图上任意位置单击以设置起始位置",
+  "Timed snapshot stopped.": "定时截图已停止。",
+  "Default map position set": "已设置默认地图位置",
+  "Clear current mission?": "清除当前任务？",
+  "Are you sure you want to delete the selected videos?": "您确定要删除所选视频吗？",
+  "Take care, your vehicle is armed": "请注意，您的设备已解锁",
+  "Stream with external ID '{externalId}' not found.": "未找到外部 ID 为\"{externalId}\"的流。",
+  "Stream '{externalId}' not available anymore.": "流\"{externalId}\"不再可用。",
+  "Stream with external ID '{externalId}' not on ignored list.": "外部 ID 为\"{externalId}\"的流不在忽略列表中。",
+  "Distributing dolphins for sonar translations...": "正在为声纳翻译分配海豚...",
+  "Observing octopuses to optimize dark mode...": "观察章鱼以优化暗黑模式...",
+  "Persuading Poseidon to trade us his trident...": "劝说波塞冬交易他的三叉戟...",
+  "Sailing the seas, in sync with the breeze...": "扬帆出海，与微风同步...",
+  "Jiggling jellyfish to frost up the UI...": "摇晃水母来冻结界面...",
+  "Corralling coral for calibration...": "围捕珊瑚进行校准...",
+  "Languishing in life-jackets...": "在救生衣中消磨时光...",
+  "Salvaging shipwrecks...": "打捞沉船...",
+  "Searching for Nemo...": "寻找尼莫...",
+  "Singing with whales...": "与鲸鱼一起歌唱...",
+  "Tuning harps for carp...": "为鲤鱼调音竖琴...",
+  "Stargazing with starfish...": "与海星一起观星...",
+  "Recharging electric eels...": "为电鳗充电...",
+  "Swaying at the seaweed disco...": "在海藻迪斯科舞会上摇摆...",
+  "Fencing in the swordfish showdown...": "在剑鱼对决中击剑...",
+  "Assembling AUVs into a single-file line...": "将AUV组装成单列队形...",
+  "Polishing portholes for crystal-clear viewports...": "抛光舷窗以获得水晶般清晰的视图...",
+  "Convincing crabs to stop double-clicking everything...": "说服螃蟹停止双击一切...",
+  "Syncing compass with the stars (hold still, Orion)...": "将罗盘与星星同步（别动，猎户座）...",
+  "Kowtowing to kelp for a greener UI theme...": "向海带磕头以获得更环保的界面主题...",
+  "Warming up thrusters — and the coffee machine...": "预热推进器——以及咖啡机...",
+  "Updating barnacle firmware — this might tickle...": "更新藤壶固件——这可能会痒...",
+  "Deploying rubber ducks for safety certification...": "部署橡皮鸭进行安全认证...",
+  "Filling ballast tanks with fresh ideas...": "用新想法填充压载舱...",
+  "Mapping ocean puns… depth-level humor detected...": "绘制海洋双关语地图...检测到深度幽默...",
+  "Rendering waves pixel by pixel — surf's almost up...": "逐像素渲染波浪——冲浪即将开始...",
+  "Teaching seagulls the latest hover gestures...": "教海鸥最新的悬停手势...",
+  "Checking tide tables to schedule snack breaks...": "查看潮汐表以安排零食时间...",
+  "Swapping batteries in the sea turtles (just kidding)...": "为海龟更换电池（开玩笑的）...",
+  "Dusting off code gremlins  —  please keep arms inside the Cockpit...": "清除代码小精灵——请将手臂放在驾驶舱内...",
+  "Aligning gyros — because spin is only fun on dance floors...": "校准陀螺仪——因为旋转只在舞池里才有趣...",
+  "File": "文件",
+  "View": "视图",
+  "Tools": "工具",
+  "Help": "帮助",
+  "Edit Interface": "编辑界面",
+  "Edit Mode": "编辑模式",
+  "Flight": "飞行",
+  "Enter Fullscreen": "进入全屏",
+  "Exit Fullscreen": "退出全屏",
+  "General": "通用",
+  "Joystick": "摇杆",
+  "Video": "视频",
+  "Interface": "界面",
+  "Mission": "任务",
+  "Vehicle options": "设备选项",
+  "Max. path points:": "最大路径点数：",
+  "Once the limit is reached, the last third of the mission trail will be simplified. Keep this value reasonable \u2014 larger histories use more memory and may affect performance over long missions, specially when using DVL or RTK positioning data.": "达到上限后，任务轨迹的最后三分之一将被简化。请将此值设置合理——历史记录越大，占用内存越多，并可能在长时间任务中（尤其是使用 DVL 或 RTK 定位数据）影响性能。",
+  "Max. displayed path points:": "最大显示路径点数：",
+  "Once the limit is reached, the last third of the mission trail will be simplified. Keep this value reasonable — larger histories use more memory and may affect performance over long missions, especially when using high frequency positioning data (e.g. from a DVL or RTK setup).": "达到上限后，任务轨迹的最后三分之一将被简化。请将此值设置合理——历史记录越大，占用内存越多，并可能在长时间任务中（尤其是使用高频定位数据，如 DVL 或 RTK）影响性能。",
+  "Make vehicle history line persistent": "保持设备历史轨迹",
+  "Max. path points": "最大路径点数",
+  "Show mission estimates panel": "显示任务估算面板",
+  "Alerts": "警报",
+  "Telemetry": "遥测",
+  "Dev": "开发",
+  "Development": "开发",
+  "Logs": "日志",
+  "Data-lake": "数据湖",
+  "Window": "窗口",
+  "Reload": "重新加载",
+  "Force Reload": "强制重新加载",
+  "Toggle Developer Tools": "切换开发者工具",
+  "Actual Size": "实际大小",
+  "Zoom In": "放大",
+  "Zoom Out": "缩小",
+  "Toggle Full Screen": "切换全屏",
+  "Undo": "撤销",
+  "Redo": "重做",
+  "Cut": "剪切",
+  "Copy": "复制",
+  "Paste": "粘贴",
+  "Select All": "全选",
+  "Minimize": "最小化",
+  "Quit": "退出",
+  "Learn More": "了解更多",
+  "Manual": "手动",
+  "Acro": "特技",
+  "Steering": "转向",
+  "Hold": "保持",
+  "Loiter": "定点",
+  "Follow": "跟随",
+  "Simple": "简单",
+  "Dock": "对接",
+  "Circle": "画圈",
+  "Auto": "自动",
+  "RTL": "返航",
+  "Smart RTL": "智能返航",
+  "Guided": "引导",
+  "Initialising": "初始化中",
+  "Pilot Gain": "飞控增益",
+  "Lights (1)": "灯光 (1)",
+  "Lights (2)": "灯光 (2)",
+  "Cam Tilt": "摄像头俯仰",
+  "Cam Pan": "摄像头平移",
+  "Water Temp": "水温",
+  "Tether Turns": "系链圈数",
+  "Input Hold": "输入保持",
+  "Roll Pitch": "滚转/俯仰",
+  "Speed (GPS)": "速度 (GPS)",
+  "sats": "卫星数",
+  "No GPS": "无 GPS",
+  "No fix": "无定位",
+  "2D fix": "2D 定位",
+  "3D fix": "3D 定位",
+  "DGPS fix": "DGPS",
+  "RTK float": "RTK 浮动",
+  "RTK fix": "RTK 固定",
+  "Static": "静态",
+  "PPP fix": "PPP",
+  "No recent alerts.": "无最近警报。",
+  "Error getting info around external widgets from BlueOS.": "从 BlueOS 获取外部小部件信息时出错。",
+  "Vehicle mode changed to {mode}.": "设备模式已更改为 {mode}。",
+  "Battery remaining:": "剩余电量：",
+  "No Data": "无数据",
+  "Edit Point of Interest": "编辑兴趣点",
+  "Hex Color": "颜色代码",
+  "Click to change icon": "点击更改图标",
+  "Search icons": "搜索图标",
+  "Map Marker": "地图标记",
+  "Star": "星标",
+  "Heart": "心形",
+  "Flag": "旗帜",
+  "Camera": "相机",
+  "Information": "信息",
+  "Navigation": "导航",
+  "Anchor": "锚",
+  "Building": "建筑",
+  "Restaurant": "餐厅",
+  "Gas Station": "加油站",
+  "Hospital": "医院",
+  "School": "学校",
+  "Shopping": "购物",
+  "Mountain": "山脉",
+  "Water": "水域",
+  "Binoculars": "望远镜",
+  "Car": "汽车",
+  "Ferry": "渡轮",
+  "Lighthouse": "灯塔",
+  "Parking": "停车场",
+  "Tree": "树木",
+  "Bike": "自行车",
+  "Pier": "码头",
+  "Drone": "无人机",
+  "Hiking": "徒步",
+  "Fish": "鱼类",
+  "Boat": "船只",
+  "Invalid Name": "名称无效",
+  "Invalid Coordinates": "坐标无效",
+  "No Point of Interest selected for deletion.": "未选择要删除的兴趣点。",
+  "Mission estimates": "任务估算",
+  "Show mission estimates": "显示任务估算",
+  "Hide mission estimates": "隐藏任务估算",
+  "Length": "长度",
+  "ETA": "预计到达",
+  "Energy": "能量",
+  "Total survey coverage": "总调查覆盖",
+  "Mission area (≈)": "任务区域 (≈)",
+  "Mission Statistics Settings": "任务统计设置",
+  "Extra payload (kg)": "额外负载 (kg)",
+  "Mass added to the vehicle besides batteries and hull.": "除电池和壳体外添加到设备的质量。",
+  "Battery type": "电池类型",
+  "Li-ion (≈5 g/Wh), Li-Po (≈6 g/Wh), LiFePO₄ (≈9 g/Wh).": "Li-ion (≈5 g/Wh), Li-Po (≈6 g/Wh), LiFePO₄ (≈9 g/Wh)。",
+  "Battery bank capacity (Watt-hours)": "电池组容量 (瓦特时)",
+  "Total capacity from the vehicle batteries. Affects mass and power estimate.": "设备电池的总容量。影响质量和功率估算。",
+  "Vehicle has a submerged probe (e.g. Ping1D sonar)": "设备有水下探头（例如 Ping1D 声纳）",
+  "Submerged probes affect drag and consequently, the power consumption estimates.": "水下探头会影响阻力，从而影响功耗估算。",
+  "About the estimates": "关于估算",
+  "Variables monitor": "变量监视器",
+  "View, manage, and create custom variables": "查看、管理和创建自定义变量",
+  "View, manage, and create data lake variables.": "查看、管理和创建 Data Lake 变量。",
+  "Add variable": "添加变量",
+  "Add compound variable": "添加复合变量",
+  "Current Value": "当前值",
+  "No data lake variables found": "未找到 Data Lake 变量",
+  "Copy ID": "复制 ID",
+  "Variable ID copied!": "变量 ID 已复制！",
+  "Compound": "复合",
+  "Cockpit internal": "Cockpit 内部",
+  "User defined": "用户定义",
+  "Available message types": "可用的消息类型",
+  "Message Inspector": "消息检查器",
+  "Message values": "消息值",
+  "No messages found": "未找到消息",
+  "Search messages...": "搜索消息...",
+  "Timeout reached while fetching mission count.": "获取任务数量时超时。",
+  "Timeout reached while downloading mission items.": "下载任务项时超时。",
+  "Did not receive number of mission items from vehicle.": "未从设备接收到任务项数量。",
+  "Loading mission...": "加载任务中...",
+  "Uploading mission to vehicle...": "正在上传任务到设备...",
+  "Timeout reached while uploading mission.": "上传任务时超时。",
+  "Did not receive acknowledgment of mission upload.": "未收到任务上传的确认信息。",
+  "Failed uploading mission. Result received: {{result}}.": "任务上传失败。收到的结果：{{result}}。",
+  "{{mode}} mode is not available. Please put the vehicle in {{mode}} mode manually so a new mission can be started.": "{{mode}} 模式不可用。请手动将设备切换到 {{mode}} 模式以启动新任务。",
+  "Could not put vehicle in {{mode}} mode. Please do it manually.": "无法将设备切换到 {{mode}} 模式。请手动操作。",
+  "Could not arm the vehicle. Please arm it manually.": "无法解锁设备。请手动解锁。",
+  "No acknowledgment received for command '{{command}}' before timeout ({{timeout}}s).": "命令 '{{command}}' 在超时 ({{timeout}} 秒) 前未收到确认。",
+  "Cockpit settings manager": "Cockpit 设置管理器",
+  "User": "用户",
+  "Updating...": "更新中...",
+  "Setting": "设置",
+  "Value": "值",
+  "Loading settings...": "加载设置中...",
+  "Failed to update setting: {error}": "更新设置失败：{error}",
+  "Invalid configuration file: content is not an object.": "无效配置文件：内容不是对象。",
+  "Error parsing configuration file: {error}": "解析配置文件出错：{error}",
+  "Are you sure you want to reset Cockpit's stored browser settings to defaults? Settings on the vehicle will not be affected - once you connect back to the vehicle, the settings will be restored.": "确定要将 Cockpit 浏览器端保存的设置重置为默认值吗？设备上的设置不会受影响 - 当你重新连接设备后，这些设置会被恢复。",
+  "Reset settings": "重置设置",
+  "Enter value": "输入值",
+  "Search settings": "搜索设置",
+  "Upload and apply config file": "上传并应用配置文件",
+  "Download current config": "下载当前配置",
+  "Edit value": "编辑值",
+  "No settings available for current selection.": "当前选项无可用设置。",
+  "Show legacy/internal keys": "显示旧版/内部键",
+  "Show all localStorage key-pairs": "显示所有本地存储键值对",
+  "option name": "选项名称",
+  "value": "值",
+  "Optional description": "可选描述",
+  "Non-dynamic value.": "非动态值。",
+  "Checkbox": "复选框",
+  "Dial": "拨号盘",
+  "Dropdown": "下拉菜单",
+  "Label": "标签",
+  "Slider": "滑块",
+  "Switch": "开关",
+  "add another option": "添加另一个选项",
+  "Data-lake variable": "数据池变量",
+  "Action to trigger": "要触发的动作",
+  "Option {index} name": "选项 {index} 名称",
+  "Option {index} value": "选项 {index} 值",
+  "{{layer}} offline tiles removed.": "{{layer}} 离线瓦片已删除。",
+  "{{layer}} offline tiles saved!": "{{layer}} 离线瓦片已保存！",
+  "Default map position set.": "已设置默认地图位置。",
+  "Failed to set default map position.": "无法设置默认地图位置。",
+  "GoTo request failed: {{error}}": "GoTo 请求失败：{{error}}",
+  "Cannot start recording.": "无法开始录制。",
+  "Stream is not connected.": "流未连接。",
+  "Please fill in all fields.": "请填写所有字段。",
+  "Diving into the Abyss Explorer": "深渊探索者",
+  "Embarking on Neptune's Quest": "海神的探索之旅",
+  "Exploring the Mariana Mirage": "探索马里亚纳幻影",
+  "Embarking on an Oceanic Odyssey": "开启海洋奥德赛",
+  "Discovering Seabed Serenity": "发现海底宁静",
+  "Ascending to Atlantis": "登临亚特兰蒂斯",
+  "Conquering Leviathan's Lair": "征服利维坦巢穴",
+  "Quest for the Deep Blue": "探索深蓝之旅",
+  "Triumph of Tidal Exploration": "潮汐探索的胜利",
+  "Navigating the Nautical Nexus": "导航航海联结",
+  "Venturing into the Sublime Seafloor": "冒险崇高海底",
+  "Plumbing the Azure Abyss": "探测蔚蓝深渊",
+  "Entering Poseidon's Portal": "进入波塞冬之门",
+  "Decrypting the Coral Cryptic": "解密珊瑚密码",
+  "Venturing into the Vortex": "冒险进入漩涡",
+  "Keeping Watch on Kraken's Lair": "守望克拉肯巢穴",
+  "Investigating the Aqua Anomaly": "调查水域异常",
+  "Symphony with the Sirens": "与塞壬共鸣",
+  "Diving into Davy Jones' Abyss": "潜入戴维·琼斯深渊",
+  "Embarking on a Subaquatic Saga": "开启水下传奇",
+  "Consulting the Oceanic Oracle": "请教海洋神谕",
+  "Navigating the Mystical Maelstrom": "导航神秘大漩涡",
+  "Sojourning through the Seastorm": "穿越海洋风暴",
+  "Unlocking Sublime Secrets": "解锁崇高秘密",
+  "Finding Tidal Tranquility": "寻找潮汐宁静",
+  "Alchemy of the Abyss": "深渊炼金术",
+  "Navigating Neptune's Nexus": "导航海王星联结",
+  "Unraveling the Mariner's Mystery": "解开水手之谜",
+  "Symphony of the Submerged": "水下交响曲",
+  "Legends in Leviathan's Legacy": "利维坦的传奇遗产",
+  "Discovering the Deep Blue": "发现深蓝世界",
+  "Solving the Nautical Enigma": "解决航海之谜",
+  "Append new command": "添加新命令",
+  "Command type": "命令类型",
+  "Edit survey polygon": "编辑调查多边形",
+  "Swap start and end point of the survey": "交换测量起点和终点",
+  "MAV Frame": "MAV 坐标系",
+  "Survey polygon vertices": "调查多边形顶点",
+  "Vertex {number}": "顶点 {number}",
+  "Home waypoint not set": "未设置起点航点",
+  "The home waypoint is used as the starting point for the mission": "起点航点用作任务的起始点",
+  "Edit items": "编辑项目",
+  "Type item and press enter": "输入项目并按回车",
+  "Don't show checklist again": "不再显示检查清单",
+  "GO": "开始",
+  "Waypoint commands": "航点命令",
+  "Ack Error Access Denied": "确认错误：访问被拒绝",
+  "Ack Error Coordinate Frame Not Supported": "确认错误：坐标系不支持",
+  "Ack Error Coordinates Out Of Range": "确认错误：坐标超出范围",
+  "Ack Error Fail": "确认错误：失败",
+  "Ack Error Not Supported": "确认错误：不支持",
+  "Ack Error X Lat Out Of Range": "确认错误：X/纬度超出范围",
+  "Ack Error Y Lon Out Of Range": "确认错误：Y/经度超出范围",
+  "Ack Error Z Alt Out Of Range": "确认错误：Z/高度超出范围",
+  "Ack Ok": "确认成功",
+  "Altitude Wait": "高度等待",
+  "Condition Delay": "条件延迟",
+  "Condition Distance": "条件距离",
+  "Condition Gate": "条件门",
+  "Condition Last": "最后条件",
+  "Condition Yaw": "条件航向",
+  "Continue and Change Altitude": "继续并改变高度",
+  "Control High Latency": "控制高延迟",
+  "Debug Trap": "调试陷阱",
+  "Delay": "延迟",
+  "Fence Circle Exclusion": "围栏圆形禁区",
+  "Fence Circle Inclusion": "围栏圆形允许区",
+  "Fence Polygon Vertex Exclusion": "围栏多边形禁区顺点",
+  "Fence Polygon Vertex Inclusion": "围栏多边形允许区顺点",
+  "Fence Return Point": "围栏返回点",
+  "Fixed Mag Cal": "固定磁罗盘校准",
+  "Fixed Mag Cal Field": "固定磁场校准",
+  "Fixed Mag Cal Yaw": "固定磁航向校准",
+  "Flash Bootloader": "刷写启动加载器",
+  "Get Home Position": "获取起飞点位置",
+  "Get Message Interval": "获取消息间隔",
+  "Gimbal Axis Calibration Status": "云台轴校准状态",
+  "Gimbal Full Reset": "云台完全重置",
+  "Gimbal Request Axis Calibration": "云台请求轴校准",
+  "Gimbal Reset": "云台重置",
+  "Guided Enable": "启用导引模式",
+  "Illuminator On Off": "照明器开关",
+  "Image Start Capture": "启动图像采集",
+  "Image Stop Capture": "停止图像采集",
+  "Inject Failure": "注入故障",
+  "Jump Tag": "跳转标签",
+  "Land Local": "本地降落",
+  "Last": "最后操作",
+  "Logging Start": "启动日志记录",
+  "Logging Stop": "停止日志记录",
+  "Loiter Time": "悬停时间",
+  "Loiter to Altitude": "悬停至高度",
+  "Loiter Turns": "悬停圈数",
+  "Loiter Unlimited": "无限悬停",
+  "Mission Start": "任务开始",
+  "Override Goto": "覆盖前往",
+  "Panorama Create": "创建全景",
+  "Pathplanning": "路径规划",
+  "Payload Control Deploy": "负载控制部署",
+  "Payload Place": "负载放置",
+  "Payload Prepare Deploy": "负载准备部署",
+  "Power Off Initiated": "关机启动",
+  "Preflight Calibration": "飞行前校准",
+  "Preflight Reboot Shutdown": "飞行前重启/关机",
+  "Preflight Set Sensor Offsets": "飞行前设置传感器偏移",
+  "Preflight Storage": "飞行前存储",
+  "Preflight UAVCAN": "飞行前UAVCAN",
+  "Rally Point": "集结点",
+  "Request Autopilot Capabilities": "请求自动驾驶仪能力",
+  "Request Camera Capture Status": "请求相机采集状态",
+  "Request Camera Image Capture": "请求相机图像采集",
+  "Request Camera Information": "请求相机信息",
+  "Request Camera Settings": "请求相机设置",
+  "Request Flight Information": "请求飞行信息",
+  "Request Message": "请求消息",
+  "Request Protocol Version": "请求协议版本",
+  "Request Storage Information": "请求存储信息",
+  "Request Video Stream Information": "请求视频流信息",
+  "Request Video Stream Status": "请求视频流状态",
+  "Reset Camera Settings": "重置相机设置",
+  "Return to Launch": "返回起飞点",
+  "Region of Interest": "关注区域",
+  "Scripting": "脚本",
+  "Set Camera Focus": "设置相机对焦",
+  "Set Camera Mode": "设置相机模式",
+  "Set Camera Zoom": "设置相机变焦",
+  "Set Factory Test Mode": "设置工厂测试模式",
+  "Set Guided Submode Circle": "设置导引子模式为圆圈",
+  "Set Guided Submode Standard": "设置导引子模式为标准",
+  "Set Message Interval": "设置消息间隔",
+  "Set Yaw Speed": "设置航向速率",
+  "Solo Button Fly Click": "Solo飞行按钮单击",
+  "Solo Button Fly Hold": "Solo飞行按钮长按",
+  "Solo Button Pause Click": "Solo暂停按钮单击",
+  "Spatial User 1": "空间用户自定义1",
+  "Spatial User 2": "空间用户自定义2",
+  "Spatial User 3": "空间用户自定义3",
+  "Spatial User 4": "空间用户自定义4",
+  "Spatial User 5": "空间用户自定义5",
+  "Spline Waypoint": "样条航点",
+  "Start RX Pair": "启动接收机配对",
+  "Storage Format": "存储格式化",
+  "Takeoff Local": "本地起飞",
+  "UAVCAN Get Node Info": "获取UAVCAN节点信息",
+  "User 1": "用户自定义1",
+  "User 2": "用户自定义2",
+  "User 3": "用户自定义3",
+  "User 4": "用户自定义4",
+  "User 5": "用户自定义5",
+  "Video Start Capture": "启动视频采集",
+  "Video Start Streaming": "启动视频流",
+  "Video Stop Capture": "停止视频采集",
+  "Video Stop Streaming": "停止视频流",
+  "VTOL Land": "垂直起降机降落",
+  "VTOL Takeoff": "垂直起降机起飞",
+  "Waypoint User 1": "航点用户自定义1",
+  "Waypoint User 2": "航点用户自定义2",
+  "Waypoint User 3": "航点用户自定义3",
+  "Waypoint User 4": "航点用户自定义4",
+  "Waypoint User 5": "航点用户自定义5",
+  "Accept Mag Cal": "接受磁罗盘校准",
+  "Autotune Enable": "启用自动调节",
+  "Cancel Mag Cal": "取消磁罗盘校准",
+  "Change Speed": "改变速度",
+  "Control Video": "控制视频",
+  "Digital Camera Configure": "数字相机配置",
+  "Digital Camera Control": "数字相机控制",
+  "Engine Control": "发动机控制",
+  "Fence Enable": "启用围栏",
+  "Flight Termination": "飞行终止",
+  "Follow Reposition": "跟随重新定位",
+  "Gimbal Manager Tilt/Pan": "云台管理器俯仰/滑动",
+  "Gimbal Manager Track Point": "云台管理器追踪点",
+  "Gimbal Manager Track Rectangle": "云台管理器追踪矩形",
+  "Go Around": "重新进场",
+  "Gripper": "夹爪",
+  "Guided Limits": "导引限制",
+  "Guided Master": "导引主控",
+  "Inverted Flight": "倒飞",
+  "Jump": "跳转",
+  "Land Start": "开始降落",
+  "Motor Test": "电机测试",
+  "Mount Configure": "云台配置",
+  "Mount Control": "云台控制",
+  "Mount Control Quaternion": "云台控制（四元数）",
+  "Orbit": "环绕",
+  "Parachute": "降落伞",
+  "Pause/Continue": "暂停/继续",
+  "Rally Land": "集结点降落",
+  "Repeat Relay": "重复继电器",
+  "Repeat Servo": "重复舵机",
+  "Reposition": "重新定位",
+  "Send Banner": "发送标语",
+  "Set Actuator": "设置执行器",
+  "Set Camera Trigger Distance": "设置相机触发距离",
+  "Set Camera Trigger Interval": "设置相机触发间隔",
+  "Set Home": "设置起飞点",
+  "Set Mission Current": "设置当前任务",
+  "Set Mode": "设置模式",
+  "Set Parameter": "设置参数",
+  "Set Relay": "设置继电器",
+  "Set Resume Repeat Dist": "设置恢复重复距离",
+  "Set Reverse": "设置反向",
+  "Set ROI": "设置关注区域",
+  "Set ROI Location": "设置关注区域位置",
+  "Set ROI None": "取消关注区域",
+  "Set ROI System ID": "设置关注系统ID",
+  "Set ROI Waypoint Next Offset": "设置关注下一航点偏移",
+  "Set Servo": "设置舵机",
+  "Start Mag Cal": "启动磁罗盘校准",
+  "Trigger Control": "触发器控制",
+  "Upgrade": "升级",
+  "VTOL Transition": "垂直起降机转换",
+  "Winch": "绚盘",
+  "Accelcal Vehicle Pos": "加速度计校准机体姿态",
+  "Airframe Configuration": "机体配置",
+  "Arm Authorization Request": "解锁授权请求",
+  "Battery Reset": "电池重置",
+  "Component Arm Disarm": "组件解锁/上锁",
+  "Condition Change Alt": "条件改变高度",
+  "This is an about page": "这是关于页面",
+  "Cockpit is an intuitive and customizable cross-platform ground control station for remote vehicles of all types.": "Cockpit 是一款直观且可定制的跨平台地面控制站，适用于所有类型的远程设备。",
+  "It was created by Blue Robotics and it's fully open source.": "它由 Blue Robotics 创建，完全开源。",
+  "It currently supports Ardupilot-based vehicles but plans to support any general vehicle, whether MAVLink-communicating or not.": "它目前支持基于 Ardupilot 的设备，但计划支持任何通用设备，无论是否使用 MAVLink 通信。",
+  "Version": "版本",
+  "Released": "发布时间",
+  "Created by Blue Robotics": "由 Blue Robotics 创建",
+  "License: AGPL-3.0-only OR LicenseRef-Cockpit-Custom": "许可证：AGPL-3.0-only 或 LicenseRef-Cockpit-Custom",
+  "Action name": "动作名称",
+  "Available actions": "可用动作",
+  "Request type": "请求类型",
+  "URL parameters": "URL 参数",
+  "Add URL parameter": "添加 URL 参数",
+  "Parameter key": "参数键",
+  "Parameter value": "参数值",
+  "Headers": "请求头",
+  "Add header": "添加请求头",
+  "Header key": "请求头键",
+  "Header value": "请求头值",
+  "JSON body": "JSON 正文",
+  "JSON body template": "JSON 正文模板",
+  "Edit JSON body template": "编辑 JSON 正文模板",
+  "Use dynamic values from the data lake by wrapping variable names in double curly braces": "使用双花括号包裹变量名来使用数据湖的动态值",
+  "Note: User-Agent header is automatically set": "注意：User-Agent 请求头会自动设置",
+  "Fixed value": "固定值",
+  "Non-dynamic value": "非动态值",
+  "No new actions available.": "暂无可用操作。",
+  "The following actions are available from BlueOS extensions:": "以下操作来自 BlueOS 扩展：",
+  "Could not establish communication with the vehicle.": "无法与设备建立通信。",
+  "Center map on home, vehicle or mission.": "将地图居中到起点、载具或任务。",
+  "Cannot center map on mission (no waypoints loaded).": "无法将地图居中到任务（未加载航点）。",
+  "Cannot center map on mission (no waypoints defined).": "无法将地图居中到任务（未定义航点）。",
+  "Click to center the map on the current mission.": "点击以将地图居中到当前任务。",
+  "Tracking home position. Open to change target.": "正在跟踪起始位置。展开以更改目标。",
+  "Tracking vehicle position. Open to change target.": "正在跟踪载具位置。展开以更改目标。",
+  "Invalid configuration file": "配置文件无效",
+  "Settings imported successfully! The page will now reload.": "设置导入成功！页面即将重新加载。",
+  "Shift": "Shift",
+  "GUIDED": "GUIDED",
+  "LAND": "LAND",
+  "SMART_RTL": "SMART_RTL",
+  "MAVLink2RestWebsocketURI": "MAVLink2Rest WebSocket URI",
+  "JavaScript": "JavaScript",
+  "MAVLink2REST URI": "MAVLink2REST URI",
+  "enable legacy variable names (e.g., 'ATTITUDE/roll')": "启用旧式变量名（如：'ATTITUDE/roll'）",
+  "MAVLink": "MAVLink",
+  "Address should not include protocol (e.g.: \"http://\", \"wss://\")": "地址不应包含协议（如：\"http://\"、\"wss://\"）"
+}
diff --git a/src/main.ts b/src/main.ts
index cc575984c5..fffa44f828 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -31,6 +31,7 @@ import { runMigrations } from '@/utils/migrations'
 
 import App from './App.vue'
 import { contextMenu } from './directives/contextMenu'
+import i18n from './plugins/i18n'
 import vuetify from './plugins/vuetify'
 import { loadFonts } from './plugins/webfontloader'
 import router from './router'
@@ -81,7 +82,7 @@ if (!import.meta.env.DEV) {
 app.component('FontAwesomeIcon', FontAwesomeIcon)
 app.component('VueDraggableResizable', VueDraggableResizable)
 app.directive('contextmenu', contextMenu)
-app.use(router).use(vuetify).use(createPinia()).use(FloatingVue).use(VueVirtualScroller)
+app.use(router).use(vuetify).use(i18n).use(createPinia()).use(FloatingVue).use(VueVirtualScroller)
 app.mount('#app')
 
 // Initialize the logger store
diff --git a/src/plugins/i18n.ts b/src/plugins/i18n.ts
new file mode 100644
index 0000000000..5ceab966a6
--- /dev/null
+++ b/src/plugins/i18n.ts
@@ -0,0 +1,49 @@
+import { createI18n } from 'vue-i18n'
+
+import zh from '@/locales/zh.json'
+
+/**
+ * Get the user's preferred language from localStorage or browser settings
+ * @returns {string} The language code (e.g., 'en', 'zh')
+ */
+function getDefaultLanguage(): string {
+  // First, check localStorage
+  const stored = localStorage.getItem('cockpit-language')
+  if (stored && ['en', 'zh'].includes(stored)) {
+    return stored
+  }
+
+  // Then, check browser language
+  const browserLang = navigator.language.toLowerCase()
+  if (browserLang.startsWith('zh')) {
+    return 'zh'
+  }
+
+  // Default to English
+  return 'en'
+}
+
+/**
+ * Create and configure the vue-i18n instance.
+ * English strings are used directly as translation keys.
+ * When locale is 'en', vue-i18n returns the key itself (the English text).
+ * When locale is 'zh', the Chinese translation is looked up from zh.json.
+ */
+const i18n = createI18n({
+  legacy: false, // Use Composition API mode
+  locale: getDefaultLanguage(), // Set default locale
+  fallbackLocale: 'en', // Fallback to key (English) if translation is missing
+  messages: {
+    zh,
+  },
+  globalInjection: true, // Enable global $t() function
+  missingWarn: false, // Disable missing translation warnings
+  fallbackWarn: false, // Disable fallback warnings
+})
+
+/**
+ * Export the global t function for direct use in non-component code
+ */
+export const t = i18n.global.t
+
+export default i18n
diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
index dcdf4450be..e9cfae9b6f 100644
--- a/src/plugins/vuetify.ts
+++ b/src/plugins/vuetify.ts
@@ -3,5 +3,31 @@ import '@mdi/font/css/materialdesignicons.css'
 import 'vuetify/styles'
 
 import { createVuetify } from 'vuetify'
+import { en, zhHans } from 'vuetify/locale'
 
-export default createVuetify()
+/**
+ * Get the initial locale from localStorage or browser settings
+ * This should match the logic in i18n.ts
+ * @returns {string} The initial locale ('en' or 'zhHans')
+ */
+function getInitialLocale(): string {
+  const stored = localStorage.getItem('cockpit-language')
+  if (stored && ['en', 'zh'].includes(stored)) {
+    return stored === 'zh' ? 'zhHans' : 'en'
+  }
+
+  const browserLang = navigator.language.toLowerCase()
+  if (browserLang.startsWith('zh')) {
+    return 'zhHans'
+  }
+
+  return 'en'
+}
+
+export default createVuetify({
+  locale: {
+    locale: getInitialLocale(),
+    fallback: 'en',
+    messages: { en, zhHans },
+  },
+})
diff --git a/src/stores/alert.ts b/src/stores/alert.ts
index 31ea8a371c..c2aa1ba2b6 100644
--- a/src/stores/alert.ts
+++ b/src/stores/alert.ts
@@ -2,11 +2,12 @@ import { defineStore } from 'pinia'
 import { computed, reactive, ref, watch } from 'vue'
 
 import { useBlueOsStorage } from '@/composables/settingsSyncer'
+import i18n from '@/plugins/i18n'
 
 import { Alert, AlertLevel } from '../types/alert'
 
 export const useAlertStore = defineStore('alert', () => {
-  const alerts = reactive([new Alert(AlertLevel.Success, 'Cockpit started')])
+  const alerts = reactive([new Alert(AlertLevel.Success, i18n.global.t('Cockpit started'))])
   const enableVoiceAlerts = useBlueOsStorage('cockpit-enable-voice-alerts', true)
   const neverShowArmedMenuWarning = useBlueOsStorage('cockpit-never-show-armed-menu-warning', false)
   const skipArmedMenuWarningThisSession = ref(false)
diff --git a/src/stores/controller.ts b/src/stores/controller.ts
index f5405e53eb..783ba7fab4 100644
--- a/src/stores/controller.ts
+++ b/src/stores/controller.ts
@@ -1,4 +1,4 @@
-import { useDocumentVisibility } from '@vueuse/core'
+import { useDocumentVisibility } from '@vueuse/core'
 import { saveAs } from 'file-saver'
 import { defineStore } from 'pinia'
 import { computed, onMounted, ref, toRaw, watch } from 'vue'
@@ -22,6 +22,7 @@ import { settingsManager } from '@/libs/settings-management'
 import { isElectron } from '@/libs/utils'
 import { isMappingBlank } from '@/migration/default-profile-importer'
 import { legacyProtocolMappingsKey, migrateLegacyJoystickMapping } from '@/migration/profile-migrations'
+import i18n from '@/plugins/i18n'
 import {
   type GamepadToCockpitStdMapping,
   type JoystickProtocolActionsMapping,
@@ -368,7 +369,7 @@ export const useControllerStore = defineStore('controller', () => {
       Object.entries(mapping).forEach(([btn, action]) => {
         const modKeyAction = modifierKeyActions[modKey as CockpitModifierKeyOption]
         if (JSON.stringify(action.action) !== JSON.stringify(modKeyAction)) return
-        showDialog({ message: "Cannot map modifier key to it's own layout.", variant: 'warning' })
+        showDialog({ message: i18n.global.t('Cannot map modifier to own layout'), variant: 'warning' })
         protocolMapping.value.buttonsCorrespondencies[modKey as CockpitModifierKeyOption][
           Number(btn) as JoystickButton
         ].action = otherAvailableActions.no_function
@@ -398,7 +399,11 @@ export const useControllerStore = defineStore('controller', () => {
       const contents = event.target.result
       const maybeProfile = JSON.parse(contents)
       if (!maybeProfile['name'] || !maybeProfile['axes'] || !maybeProfile['buttons']) {
-        showDialog({ variant: 'error', message: 'Invalid joystick mapping file.', timer: 3000 })
+        showDialog({
+          variant: 'error',
+          message: i18n.global.t('Invalid joystick mapping file'),
+          timer: 3000,
+        })
         return
       }
       cockpitStdMappings.value[joystick.model] = maybeProfile
@@ -423,11 +428,19 @@ export const useControllerStore = defineStore('controller', () => {
         !maybeFunctionsMapping['axesCorrespondencies'] ||
         !maybeFunctionsMapping['buttonsCorrespondencies']
       ) {
-        showDialog({ message: 'Invalid functions mapping file.', variant: 'error', timer: 3000 })
+        showDialog({
+          message: i18n.global.t('Invalid functions mapping file'),
+          variant: 'error',
+          timer: 3000,
+        })
         return
       }
       protocolMapping.value = maybeFunctionsMapping
-      showDialog({ message: 'Functions mapping imported successfully.', variant: 'success', timer: 2000 })
+      showDialog({
+        message: i18n.global.t('Functions mapping imported successfully'),
+        variant: 'success',
+        timer: 2000,
+      })
     }
     // @ts-ignore: We know the event type and need refactor of the event typing
     reader.readAsText(e.target.files[0])
diff --git a/src/stores/mainVehicle.ts b/src/stores/mainVehicle.ts
index b51a2c5d56..b71200ce36 100644
--- a/src/stores/mainVehicle.ts
+++ b/src/stores/mainVehicle.ts
@@ -3,6 +3,7 @@ import { useThrottleFn } from '@vueuse/core'
 import { differenceInSeconds } from 'date-fns'
 import { defineStore } from 'pinia'
 import { computed, reactive, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { defaultGlobalAddress, defaultVehicleBatteryPack } from '@/assets/defaults'
 import { useBlueOsStorage } from '@/composables/settingsSyncer'
@@ -76,6 +77,7 @@ const defaultRtcConfiguration = {
 const { openSnackbar } = useSnackbar()
 
 export const useMainVehicleStore = defineStore('main-vehicle', () => {
+  const { t } = useI18n()
   const controllerStore = useControllerStore()
   const missionStore = useMissionStore()
   const ws_protocol = location?.protocol === 'https:' ? 'wss' : 'ws'
@@ -272,7 +274,7 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
       if (!getDataLakeVariableInfo(vehicleAddressVariableId)) {
         createDataLakeVariable({
           id: vehicleAddressVariableId,
-          name: 'Vehicle Address',
+          name: t('Vehicle Address'),
           type: 'string',
           description: 'The address of the vehicle, without protocol.',
         })
@@ -282,7 +284,7 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
       if (!getDataLakeVariableInfo(vehicleMavlink2RestHttpEndpointVariableId)) {
         createDataLakeVariable({
           id: vehicleMavlink2RestHttpEndpointVariableId,
-          name: 'MAVLink2REST HTTP Endpoint',
+          name: t('MAVLink2REST HTTP Endpoint'),
           type: 'string',
           description: 'The HTTP endpoint of the vehicle MAVLink2REST service.',
         })
@@ -323,7 +325,7 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
    */
   async function arm(): Promise<void> {
     if (!mainVehicle.value) {
-      throw new Error('No vehicle available to arm.')
+      throw new Error(t('No vehicle available to arm'))
     }
 
     await mainVehicle.value.arm()
@@ -336,7 +338,7 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
    */
   async function disarm(): Promise<void> {
     if (!mainVehicle.value) {
-      throw new Error('No vehicle available to disarm.')
+      throw new Error(t('No vehicle available to disarm'))
     }
 
     await mainVehicle.value.disarm()
@@ -371,7 +373,7 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
    */
   async function land(): Promise<void> {
     if (!mainVehicle.value) {
-      throw new Error('No vehicle available to land.')
+      throw new Error(t('No vehicle available to land'))
     }
 
     await mainVehicle.value.land()
@@ -399,7 +401,7 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
     alt: number
   ): Promise<void> {
     if (!mainVehicle.value) {
-      throw new Error('No vehicle available to execute go to command.')
+      throw new Error(t('No vehicle available to execute go to command'))
     }
 
     if (mainVehicle.value.firmware() !== Vehicle.Firmware.ArduPilot) {
@@ -485,7 +487,7 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
    */
   async function fetchHomeWaypoint(): Promise<Waypoint> {
     if (!mainVehicle.value) {
-      throw new Error('No vehicle available to fetch home waypoint.')
+      throw new Error(t('No vehicle available to fetch home waypoint'))
     }
     if (mainVehicle.value.firmware() !== Vehicle.Firmware.ArduPilot) {
       throw new Error('Home waypoint retrieval is only supported for ArduPilot vehicles.')
@@ -501,7 +503,7 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
    */
   async function setHomeWaypoint(coordinate: [number, number], height: number): Promise<void> {
     if (!mainVehicle.value) {
-      throw new Error('No vehicle available to set home waypoint.')
+      throw new Error(t('No vehicle available to set home waypoint'))
     }
     await mainVehicle.value.setHomeWaypoint(coordinate, height)
   }
@@ -518,7 +520,7 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
    * Start mission that is on the vehicle
    */
   async function startMission(): Promise<void> {
-    if (!mainVehicle.value) throw new Error('No vehicle available to start mission.')
+    if (!mainVehicle.value) throw new Error(t('No vehicle available to start mission'))
 
     await mainVehicle.value.startMission()
   }
@@ -723,11 +725,15 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
 
     // Register BlueOS variables in the data lake
     const blueOsVariables = {
-      cpuTemp: { id: 'blueos/cpu/tempC', name: 'CPU Temperature', type: 'number' },
-      cpuUsageAverage: { id: 'blueos/cpu/usageAverage', name: 'BlueOS CPU Usage (average)', type: 'number' },
+      cpuTemp: { id: 'blueos/cpu/tempC', name: t('CPU Temperature'), type: 'number' },
+      cpuUsageAverage: {
+        id: 'blueos/cpu/usageAverage',
+        name: t('BlueOS CPU Usage (average)'),
+        type: 'number',
+      },
       cpuFrequencyAverage: {
         id: 'blueos/cpu/frequencyAverage',
-        name: 'BlueOS CPU Frequency (average)',
+        name: t('BlueOS CPU Frequency (average)'),
         type: 'number',
       },
     }
@@ -755,14 +761,14 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
       Object.assign(blueOsVariables, {
         [`${cpu.name}_usage`]: {
           id: cpuUsageVariableId(cpu.name),
-          name: `BlueOS CPU '${cpu.name}' usage`,
+          name: t("BlueOS CPU '{name}' usage", { name: cpu.name }),
           type: 'number',
         },
       })
       Object.assign(blueOsVariables, {
         [`${cpu.name}_frequency`]: {
           id: cpuFrequencyVariableId(cpu.name),
-          name: `BlueOS CPU '${cpu.name}' frequency`,
+          name: t("BlueOS CPU '{name}' frequency", { name: cpu.name }),
           type: 'number',
         },
       })
@@ -774,22 +780,22 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
       Object.assign(blueOsVariables, {
         [`${networkInterface.name}_totalReceivedMB`]: {
           id: networkTotalReceivedMBVariableId(networkInterface.name),
-          name: `BlueOS network '${networkInterface.name}' total received (MB)`,
+          name: t("BlueOS network '{name}' total received (MB)", { name: networkInterface.name }),
           type: 'number',
         },
         [`${networkInterface.name}_totalTransmittedMB`]: {
           id: networkTotalTransmittedMBVariableId(networkInterface.name),
-          name: `BlueOS network '${networkInterface.name}' total transmitted (MB)`,
+          name: t("BlueOS network '{name}' total transmitted (MB)", { name: networkInterface.name }),
           type: 'number',
         },
         [`${networkInterface.name}_uploadSpeedMbps`]: {
           id: networkUploadSpeedMbpsVariableId(networkInterface.name),
-          name: `BlueOS network '${networkInterface.name}' upload speed (Mbps)`,
+          name: t("BlueOS network '{name}' upload speed (Mbps)", { name: networkInterface.name }),
           type: 'number',
         },
         [`${networkInterface.name}_downloadSpeedMbps`]: {
           id: networkDownloadSpeedMbpsVariableId(networkInterface.name),
-          name: `BlueOS network '${networkInterface.name}' download speed (Mbps)`,
+          name: t("BlueOS network '{name}' download speed (Mbps)", { name: networkInterface.name }),
           type: 'number',
         },
       })
@@ -892,14 +898,14 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
 
   const listenToIncomingMessages = (messageType: string, callback: (pack: Package) => void): void => {
     if (!mainVehicle.value) {
-      throw new Error('No vehicle available to listen for incoming messages.')
+      throw new Error(t('No vehicle available to listen for incoming messages'))
     }
     mainVehicle.value?.onIncomingMAVLinkMessage.add(messageType, callback)
   }
 
   const listenToOutgoingMessages = (messageType: string, callback: (pack: Package) => void): void => {
     if (!mainVehicle.value) {
-      throw new Error('No vehicle available to listen for outgoing messages.')
+      throw new Error(t('No vehicle available to listen for outgoing messages'))
     }
     mainVehicle.value?.onOutgoingMAVLinkMessage.add(messageType, callback)
   }
@@ -963,7 +969,7 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
    */
   async function updateMessageInterval(messageType: string, options: MessageIntervalOptions): Promise<void> {
     if (mainVehicle.value === undefined || !isVehicleOnline.value) {
-      throw new Error('No vehicle available to update message interval.')
+      throw new Error(t('No vehicle available to update message interval'))
     }
 
     // Store the interval options in storage
@@ -978,7 +984,7 @@ export const useMainVehicleStore = defineStore('main-vehicle', () => {
    */
   async function resetMessageIntervalsToCockpitDefault(): Promise<void> {
     if (mainVehicle.value === undefined || !isVehicleOnline.value) {
-      throw new Error('No vehicle available to reset message intervals.')
+      throw new Error(t('No vehicle available to reset message intervals'))
     }
 
     // Reset storage to defaults
diff --git a/src/stores/omniscientLogger.ts b/src/stores/omniscientLogger.ts
index b69419f994..c371f7cb11 100644
--- a/src/stores/omniscientLogger.ts
+++ b/src/stores/omniscientLogger.ts
@@ -11,6 +11,7 @@ import {
 } from '@/libs/actions/data-lake'
 import eventTracker from '@/libs/external-telemetry/event-tracking'
 import { isElectron } from '@/libs/utils'
+import i18n from '@/plugins/i18n'
 import { WebRTCStatsEvent, WebRTCVideoStat } from '@/types/video'
 
 import { useMainVehicleStore } from './mainVehicle'
@@ -23,7 +24,7 @@ export const useOmniscientLoggerStore = defineStore('omniscient-logger', () => {
   // Routine to log the memory usage of the application
   const cockpitMemoryUsageVariable = {
     id: 'cockpit-memory-usage',
-    name: 'Cockpit Memory Usage',
+    name: i18n.global.t('Cockpit Memory Usage'),
     type: 'number',
     description: 'The memory usage of the Cockpit application in MB. This value is updated every 100ms.',
   } as DataLakeVariable
@@ -39,7 +40,7 @@ export const useOmniscientLoggerStore = defineStore('omniscient-logger', () => {
     // Separate memory metrics for different process types
     cockpitMainMemoryVariable = {
       id: 'cockpit-main-memory',
-      name: 'Cockpit Main Memory (Electron)',
+      name: i18n.global.t('Cockpit Main Memory (Electron)'),
       type: 'number',
       description:
         'The memory usage of the main process in the standalone Cockpit application, in MB. This value is updated every 100ms. Only available in Electron.',
@@ -48,7 +49,7 @@ export const useOmniscientLoggerStore = defineStore('omniscient-logger', () => {
 
     cockpitRenderersMemoryVariable = {
       id: 'cockpit-renderers-memory',
-      name: 'Cockpit Renderers Memory (Electron)',
+      name: i18n.global.t('Cockpit Renderers Memory (Electron)'),
       type: 'number',
       description:
         'The total memory usage of the renderer processes in the standalone Cockpit application, in MB. This value is updated every 100ms. Only available in Electron.',
@@ -57,7 +58,7 @@ export const useOmniscientLoggerStore = defineStore('omniscient-logger', () => {
 
     cockpitGpuMemoryVariable = {
       id: 'cockpit-gpu-memory',
-      name: 'Cockpit GPU Memory (Electron)',
+      name: i18n.global.t('Cockpit GPU Memory (Electron)'),
       type: 'number',
       description:
         'The memory usage of the GPU in the standalone Cockpit application, in MB. This value is updated every 100ms. Only available in Electron.',
@@ -67,7 +68,7 @@ export const useOmniscientLoggerStore = defineStore('omniscient-logger', () => {
     // CPU usage tracking
     cockpitCpuUsageVariable = {
       id: 'cockpit-cpu-usage',
-      name: 'Cockpit CPU Usage (Electron)',
+      name: i18n.global.t('Cockpit CPU Usage (Electron)'),
       type: 'number',
       description:
         'The CPU usage of the standalone Cockpit application as a percentage. This value is updated every 100ms. Only available in Electron.',
@@ -153,7 +154,7 @@ export const useOmniscientLoggerStore = defineStore('omniscient-logger', () => {
   const appAverageFrameRateSampleDelay = 100
   const cockpitAppFrameRateVariable = {
     id: 'cockpit-app-frame-rate',
-    name: 'Cockpit App Frame Rate',
+    name: i18n.global.t('Cockpit App Frame Rate'),
     type: 'number',
     description: 'The framerate of the Cockpit application rendering in fps. This value is updated every 100ms.',
   } as DataLakeVariable
diff --git a/src/stores/snapshot.ts b/src/stores/snapshot.ts
index e53d876b1c..bb3560204f 100644
--- a/src/stores/snapshot.ts
+++ b/src/stores/snapshot.ts
@@ -11,6 +11,7 @@ import { app_version } from '@/libs/cosmos'
 import { availableCockpitActions, registerActionCallback } from '@/libs/joystick/protocols/cockpit-actions'
 import { isElectron, sanitizeFilenameComponent } from '@/libs/utils'
 import { snapshotStorage, snapshotThumbStorage } from '@/libs/videoStorage'
+import i18n from '@/plugins/i18n'
 import { useMissionStore } from '@/stores/mission'
 import { StorageDB } from '@/types/general'
 import { EIXFType, SnapshotExif, SnapshotFileDescriptor, SnapshotResult } from '@/types/snapshot'
@@ -295,7 +296,7 @@ export const useSnapshotStore = defineStore('snapshot', () => {
 
     const files = maybeFiles.filter((file): file is SnapshotFileDescriptor => file.blob instanceof Blob)
     if (files.length === 0) {
-      showDialog({ message: 'No files found.', variant: 'error' })
+      showDialog({ message: i18n.global.t('No files found'), variant: 'error' })
       return
     }
     if (shouldZip) {
diff --git a/src/stores/vehicleAlerter.ts b/src/stores/vehicleAlerter.ts
index cd3f5c030b..6a295e9432 100644
--- a/src/stores/vehicleAlerter.ts
+++ b/src/stores/vehicleAlerter.ts
@@ -1,6 +1,7 @@
 import { defineStore } from 'pinia'
 import { watch } from 'vue'
 
+import i18n from '@/plugins/i18n'
 import { useAlertStore } from '@/stores/alert'
 import { useMainVehicleStore } from '@/stores/mainVehicle'
 import { Alert, AlertLevel } from '@/types/alert'
@@ -16,14 +17,17 @@ export const useVehicleAlerterStore = defineStore('vehicle-alerter', () => {
 
   watch(
     () => vehicleStore.mode,
-    () => alertStore.pushAlert(new Alert(AlertLevel.Info, `Vehicle mode changed to ${vehicleStore.mode}.`))
+    () =>
+      alertStore.pushAlert(
+        new Alert(AlertLevel.Info, i18n.global.t('Vehicle mode changed to {{mode}}.', { mode: vehicleStore.mode }))
+      )
   )
 
   watch(
     () => vehicleStore.isArmed,
     (isArmedNow) => {
       const state = isArmedNow ? 'armed' : 'disarmed'
-      alertStore.pushAlert(new Alert(AlertLevel.Info, `Vehicle ${state}`))
+      alertStore.pushAlert(new Alert(AlertLevel.Info, i18n.global.t(`vehicle.${state}`)))
     }
   )
 
@@ -32,7 +36,7 @@ export const useVehicleAlerterStore = defineStore('vehicle-alerter', () => {
     (isOnlineNow) => {
       const alertLevel = isOnlineNow ? AlertLevel.Success : AlertLevel.Error
       const alertMessage = isOnlineNow ? 'connected' : 'disconnected'
-      alertStore.pushAlert(new Alert(alertLevel, `Vehicle ${alertMessage}`))
+      alertStore.pushAlert(new Alert(alertLevel, i18n.global.t(`vehicle.${alertMessage}`)))
     }
   )
 })
diff --git a/src/stores/video.ts b/src/stores/video.ts
index 01a0cc9d0f..5bc4129a93 100644
--- a/src/stores/video.ts
+++ b/src/stores/video.ts
@@ -24,6 +24,7 @@ import { datalogger } from '@/libs/sensors-logging'
 import { isElectron, isEqual, sanitizeFilenameComponent, sleep } from '@/libs/utils'
 import { tempVideoStorage, videoStorage } from '@/libs/videoStorage'
 import type { Stream } from '@/libs/webrtc/signalling_protocol'
+import i18n from '@/plugins/i18n'
 import { useMainVehicleStore } from '@/stores/mainVehicle'
 import { useMissionStore } from '@/stores/mission'
 import { Alert, AlertLevel } from '@/types/alert'
@@ -357,7 +358,10 @@ export const useVideoStore = defineStore('video', () => {
       const oldStreamData = activeStreams.value[streamName]
       if (oldStreamData && oldStreamData.webRtcManager) {
         if (isRecording(streamName)) {
-          showDialog({ message: `Stream '${streamName}' has changed. Stopping recording...`, variant: 'error' })
+          showDialog({
+            message: i18n.global.t("Stream '{{streamName}}' has changed. Stopping recording...", { streamName }),
+            variant: 'error',
+          })
           stopRecording(streamName)
         }
 
@@ -392,7 +396,10 @@ export const useVideoStore = defineStore('video', () => {
 
       const rtspUrl = getRtspUrl(streamName)
       if (!rtspUrl) {
-        showDialog({ message: `RTSP URL for stream '${streamName}' is missing.`, variant: 'error' })
+        showDialog({
+          message: i18n.global.t("RTSP URL for stream '{streamName}' is missing.", { streamName }),
+          variant: 'error',
+        })
         return
       }
       if (!window.electronAPI) {
@@ -608,16 +615,19 @@ export const useVideoStore = defineStore('video', () => {
     if (activeStreams.value[streamName] === undefined) activateStream(streamName)
 
     if (namesAvailableStreams.value.isEmpty()) {
-      showDialog({ message: 'No streams available.', variant: 'error' })
+      showDialog({ message: i18n.global.t('No streams available.'), variant: 'error' })
       return
     }
 
     if (activeStreams.value[streamName]!.mediaStream === undefined) {
-      showDialog({ message: 'Media stream not defined.', variant: 'error' })
+      showDialog({ message: i18n.global.t('Media stream not defined.'), variant: 'error' })
       return
     }
     if (!activeStreams.value[streamName]!.mediaStream!.active) {
-      showDialog({ message: 'Media stream not yet active. Wait a second and try again.', variant: 'error' })
+      showDialog({
+        message: i18n.global.t('Media stream not yet active. Wait a second and try again.'),
+        variant: 'error',
+      })
       return
     }
 
@@ -683,7 +693,10 @@ export const useVideoStore = defineStore('video', () => {
       recordingMonitors[streamName] = setInterval(async () => {
         // Check if the stream is still recording before proceeding with checks
         if (!activeStreams.value[streamName] || !activeStreams.value[streamName]!.mediaRecorder) {
-          const msg = `Recording for stream '${streamName}' has stopped. Stopping health monitor for this stream.`
+          const msg = i18n.global.t(
+            "Recording for stream '{{streamName}}' has stopped. Stopping health monitor for this stream.",
+            { streamName }
+          )
           showDialog({ message: msg, variant: 'warning' })
           clearInterval(recordingMonitors[streamName])
           delete recordingMonitors[streamName]
@@ -692,14 +705,16 @@ export const useVideoStore = defineStore('video', () => {
         const fileStats = await window.electronAPI?.getFileStats(fileName, ['videos'])
         if (!fileStats || !fileStats.exists) {
           // eslint-disable-next-line
-          const msg = 'Cannot get size of the video output file. Please check if the file exists. This can indicate a problem with the recording.'
+          const msg = i18n.global.t('Cannot get size of the video output file. Please check if the file exists. This can indicate a problem with the recording.')
           showDialog({ message: msg, variant: 'error' })
           return
         }
         const lastKnownFileSize = unprocessedVideos.value[recordingHash].lastKnownFileSize
         if (fileStats.size! <= lastKnownFileSize!) {
           if (!suppressNotGrowingDialogs.value) {
-            const msg = 'The video output file is not growing. This can indicate a problem with the recording.'
+            const msg = i18n.global.t(
+              'The video output file is not growing. This can indicate a problem with the recording.'
+            )
             showDialog({ ...notGrowingDialogConfig, message: msg })
           }
           return
@@ -712,7 +727,10 @@ export const useVideoStore = defineStore('video', () => {
       recordingMonitors[streamName] = setInterval(async () => {
         // Check if the stream is still recording before proceeding with checks
         if (!activeStreams.value[streamName] || !activeStreams.value[streamName]!.mediaRecorder) {
-          const msg = `Recording for stream '${streamName}' has stopped. Stopping health monitor for this stream.`
+          const msg = i18n.global.t(
+            "Recording for stream '{{streamName}}' has stopped. Stopping health monitor for this stream.",
+            { streamName }
+          )
           showDialog({ message: msg, variant: 'warning' })
           clearInterval(recordingMonitors[streamName])
           delete recordingMonitors[streamName]
@@ -723,7 +741,9 @@ export const useVideoStore = defineStore('video', () => {
         const lastKnownNumberOfChunks = unprocessedVideos.value[recordingHash].lastKnownNumberOfChunks
         if (numberOfChunks <= lastKnownNumberOfChunks!) {
           if (!suppressNotGrowingDialogs.value) {
-            const msg = 'The number of video chunks is not growing. This can indicate a problem with the recording.'
+            const msg = i18n.global.t(
+              'The number of video chunks is not growing. This can indicate a problem with the recording.'
+            )
             showDialog({ ...notGrowingDialogConfig, message: msg })
           }
           return
@@ -832,10 +852,16 @@ export const useVideoStore = defineStore('video', () => {
                 console.warn(`Failed to add chunk ${chunksCount} to live video processor but stream ${streamName} was already not recording. This usually happens when stopping the recording, so it's expected and should not be a problem.`)
                 return
               }
-              const msg = `Failed to add chunk ${chunksCount} to live processor: ${error.message}`
+              const msg = i18n.global.t('Failed to add chunk {{chunksCount}} to live processor: {{error}}', {
+                chunksCount,
+                error: error.message,
+              })
               openSnackbar({ message: msg, variant: 'error' })
             } else if (error instanceof LiveVideoProcessorInitializationError) {
-              const msg = `Failed to initialize live processor for stream ${streamName}: ${error.message}`
+              const msg = i18n.global.t('Failed to initialize live processor for stream {{streamName}}: {{error}}', {
+                streamName,
+                error: error.message,
+              })
               showDialog({ message: msg, variant: 'error' })
               alertStore.pushAlert(new Alert(AlertLevel.Error, msg))
               stopRecording(streamName)
@@ -844,7 +870,7 @@ export const useVideoStore = defineStore('video', () => {
         }
       } catch {
         if (chunksCount === 0) {
-          const msg = 'Failed to initiate recording. First chunk was lost. Try again.'
+          const msg = i18n.global.t('Failed to initiate recording. First chunk was lost. Try again.')
           showDialog({ message: msg, variant: 'error' })
           alertStore.pushAlert(new Alert(AlertLevel.Error, msg))
           stopRecording(streamName)
@@ -905,7 +931,7 @@ export const useVideoStore = defineStore('video', () => {
       try {
         await generateTelemetryOverlay(recordingHash)
       } catch (telemetryError) {
-        openSnackbar({ message: `Failed to generate telemetry overlay: ${telemetryError}`, variant: 'error' })
+        openSnackbar({ message: i18n.global.t('Failed to generate telemetry overlay.'), variant: 'error' })
       }
 
       if (activeStreams.value[streamName]) {
@@ -1175,9 +1201,18 @@ export const useVideoStore = defineStore('video', () => {
         console.log(`Cleaned up all resources for external stream '${externalId}'`)
       }
 
-      openSnackbar({ variant: 'success', message: `Stream '${stream.name}' deleted and added to ignored list.` })
+      const successMessage =
+        streamProtocol === 'rtsp'
+          ? i18n.global.t("RTSP stream '{{streamName}}' deleted.", { streamName: stream.name })
+          : i18n.global.t("Stream '{{streamName}}' has been deleted and added to the ignored list.", {
+              streamName: stream.name,
+            })
+      openSnackbar({ variant: 'success', message: successMessage })
     } else {
-      openSnackbar({ variant: 'warning', message: `Stream with external ID '${externalId}' not found.` })
+      openSnackbar({
+        variant: 'warning',
+        message: i18n.global.t("Stream with external id '{{externalId}}' not found.", { externalId }),
+      })
     }
   }
 
@@ -1199,12 +1234,21 @@ export const useVideoStore = defineStore('video', () => {
       } else if (namesAvailableStreams.value.includes(externalId)) {
         initializeStreamsCorrespondency()
       } else {
-        openSnackbar({ variant: 'warning', message: `Stream '${externalId}' not available anymore.` })
+        openSnackbar({
+          variant: 'warning',
+          message: i18n.global.t("Stream '{{externalId}}' is no longer available.", { externalId }),
+        })
       }
 
-      openSnackbar({ variant: 'success', message: `Stream '${externalId}' restored from ignored list.` })
+      openSnackbar({
+        variant: 'success',
+        message: i18n.global.t("Stream '{{externalId}}' has been restored from the ignored list.", { externalId }),
+      })
     } else {
-      openSnackbar({ variant: 'warning', message: `Stream with external ID '${externalId}' not on ignored list.` })
+      openSnackbar({
+        variant: 'warning',
+        message: i18n.global.t("Stream with external id '{{externalId}}' is not in the ignored list.", { externalId }),
+      })
     }
   }
 
diff --git a/src/stores/widgetManager.ts b/src/stores/widgetManager.ts
index f51507b368..9949899b66 100644
--- a/src/stores/widgetManager.ts
+++ b/src/stores/widgetManager.ts
@@ -1,4 +1,4 @@
-import '@/libs/cosmos'
+import '@/libs/cosmos'
 
 import { useWindowSize } from '@vueuse/core'
 import { saveAs } from 'file-saver'
@@ -27,6 +27,7 @@ import { settingsManager } from '@/libs/settings-management'
 import { isEqual, sequentialArray } from '@/libs/utils'
 import { isViewsGroupBlank } from '@/migration/default-profile-importer'
 import { legacySavedProfilesKey, migrateLegacyViewsGroup } from '@/migration/profile-migrations'
+import i18n from '@/plugins/i18n'
 import { useMainVehicleStore } from '@/stores/mainVehicle'
 import type { Point2D, SizeRect2D } from '@/types/general'
 import {
@@ -133,7 +134,7 @@ export const useWidgetManagerStore = defineStore('widget-manager', () => {
   const showElementPropsDrawer = (customWidgetElementHash: string): void => {
     const customWidgetElement = getElementByHash(customWidgetElementHash)
     if (!customWidgetElement) {
-      openSnackbar({ variant: 'error', message: 'Could not find element with the given hash.', duration: 3000 })
+      openSnackbar({ variant: 'error', message: i18n.global.t('Element not found'), duration: 3000 })
       return
     }
     elementToShowOnDrawer.value = customWidgetElement
@@ -176,7 +177,7 @@ export const useWidgetManagerStore = defineStore('widget-manager', () => {
     const widgetIndex = currentViewWidgets.findIndex((widget) => widget.hash === widgetHash)
 
     if (widgetIndex === -1) {
-      openSnackbar({ variant: 'error', message: 'Widget not found with the given hash.', duration: 3000 })
+      openSnackbar({ variant: 'error', message: i18n.global.t('Widget not found'), duration: 3000 })
       return
     }
 
@@ -187,7 +188,11 @@ export const useWidgetManagerStore = defineStore('widget-manager', () => {
     loadedWidget.position = currentPosition
     currentViewWidgets[widgetIndex] = loadedWidget
 
-    openSnackbar({ variant: 'success', message: 'Widget loaded successfully with new hash.', duration: 3000 })
+    openSnackbar({
+      variant: 'success',
+      message: i18n.global.t('Widget loaded successfully'),
+      duration: 3000,
+    })
   }
 
   const reassignHashesToWidget = (widget: Widget): void => {
@@ -430,7 +435,11 @@ export const useWidgetManagerStore = defineStore('widget-manager', () => {
   function renameView(view: View, name: string): void {
     const index = currentProfile.value.views.indexOf(view)
     if (name.length === 0) {
-      showDialog({ variant: 'error', message: 'View name cannot be blank.', timer: 2000 })
+      showDialog({
+        variant: 'error',
+        message: i18n.global.t('View name cannot be blank'),
+        timer: 2000,
+      })
       return
     }
     currentProfile.value.views[index].name = name
@@ -442,7 +451,11 @@ export const useWidgetManagerStore = defineStore('widget-manager', () => {
    */
   const selectView = (view: View): void => {
     if (!view.visible) {
-      showDialog({ variant: 'error', message: 'Cannot select a view that is not visible.', timer: 5000 })
+      showDialog({
+        variant: 'error',
+        message: i18n.global.t('Cannot select invisible view'),
+        timer: 5000,
+      })
       return
     }
     const index = currentProfile.value.views.indexOf(view)
@@ -553,7 +566,7 @@ export const useWidgetManagerStore = defineStore('widget-manager', () => {
       return
     }
 
-    showDialog({ variant: 'error', message: 'Mini-widget container not found.' })
+    showDialog({ variant: 'error', message: i18n.global.t('Mini widget container not found') })
   }
 
   const customWidgetContainers = computed<MiniWidgetContainer[]>(() =>
diff --git a/src/styles/global.css b/src/styles/global.css
index 03477ac822..e163b80349 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -73,3 +73,27 @@ select:focus {
     0% { background-color: rgba(255, 234, 43, 0.438); }
     100% { background-color: transparent; }
 }
+
+.glass-menu {
+    background: rgba(30, 30, 30, 0.85) !important;
+    backdrop-filter: blur(20px) !important;
+    -webkit-backdrop-filter: blur(20px) !important;
+    border: 1px solid rgba(255, 255, 255, 0.1) !important;
+    border-radius: 8px !important;
+}
+
+.glass-menu .v-list {
+    background: transparent !important;
+}
+
+.glass-menu .v-list-item {
+    background: transparent !important;
+}
+
+.glass-menu .v-list-item:hover {
+    background: rgba(255, 255, 255, 0.1) !important;
+}
+
+.glass-menu .v-list-item--active {
+    background: rgba(255, 255, 255, 0.15) !important;
+}
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
index 92a5e5bb48..384d20ee0e 100644
--- a/src/views/AboutView.vue
+++ b/src/views/AboutView.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="about">
-    <h1>This is an about page</h1>
+    <h1>{{ $t('About') }}</h1>
   </div>
 </template>
 
diff --git a/src/views/ConfigurationActionsView.vue b/src/views/ConfigurationActionsView.vue
index c5f3ac93a7..c713f2b06e 100644
--- a/src/views/ConfigurationActionsView.vue
+++ b/src/views/ConfigurationActionsView.vue
@@ -1,20 +1,25 @@
-<template>
+<template>
   <BaseConfigurationView>
-    <template #title>Cockpit actions configuration</template>
+    <template #title>{{ $t('Cockpit actions configuration') }}</template>
     <template #content>
       <div class="flex-col h-full overflow-y-auto ml-[10px] pr-3 -mr-[10px] -mb-[10px]">
         <ExpansiblePanel no-top-divider no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Actions</template>
+          <template #title>{{ $t('Cockpit actions configuration') }}</template>
           <template #info>
-            <li>View, manage, and create different types of actions.</li>
-            <li>HTTP Request actions can be used to call external APIs, like servers, vehicles, cameras, etc.</li>
-            <li>MAVLink Message actions allow you to send specific MAVLink messages to vehicles.</li>
-            <li>JavaScript actions give you full flexibility by allowing you to write custom code.</li>
+            <li>{{ $t('View, manage, and create different types of actions.') }}</li>
             <li>
-              The link button can be used to link Actions to Data Lake variables, so that changes to the variable value
-              will automatically trigger the linked action.
+              {{ $t('HTTP Request actions can be used to call external APIs, like servers, vehicles, cameras, etc.') }}
             </li>
-            <li>Actions can also be tested/run manually, using the play button.</li>
+            <li>{{ $t('MAVLink Message actions allow you to send specific MAVLink messages to vehicles.') }}</li>
+            <li>{{ $t('JavaScript actions give you full flexibility by allowing you to write custom code.') }}</li>
+            <li>
+              {{
+                $t(
+                  'The link button can be used to link Actions to Data Lake variables, so that changes to the variable value will automatically trigger the linked action.'
+                )
+              }}
+            </li>
+            <li>{{ $t('Actions can also be tested/run manually, using the play button.') }}</li>
           </template>
           <template #content>
             <div class="flex justify-center flex-col ml-2 pr-4 mb-8 mt-2 w-full">
@@ -36,7 +41,7 @@
                     <td>
                       <div :id="item.id" class="flex items-center justify-center rounded-xl mx-1 w-[120px]">
                         <p class="whitespace-nowrap overflow-hidden text-overflow-ellipsis">
-                          {{ customActionTypesNames[item.type] }}
+                          {{ translateActionType(item.type) }}
                         </p>
                       </div>
                     </td>
@@ -100,11 +105,11 @@
                     <td colspan="3" class="text-center flex items-center justify-center h-[50px] mb-3 w-full gap-2">
                       <v-btn variant="outlined" class="rounded-lg" @click="actionTypeDialog.show = true">
                         <v-icon start>mdi-plus</v-icon>
-                        New action
+                        {{ $t('New action') }}
                       </v-btn>
                       <v-btn variant="outlined" class="rounded-lg" @click="importAction">
                         <v-icon start>mdi-import</v-icon>
-                        Import action
+                        {{ $t('Import action') }}
                       </v-btn>
                     </td>
                   </tr>
@@ -112,7 +117,9 @@
                 <template #no-data>
                   <tr>
                     <td colspan="3" class="text-center flex items-center justify-center h-[50px] w-full">
-                      <p class="text-[16px] ml-[170px] w-full">No actions found</p>
+                      <p class="text-[16px] ml-[170px] w-full">
+                        {{ $t('No actions found') }}
+                      </p>
                     </td>
                   </tr>
                 </template>
@@ -124,7 +131,9 @@
         <!-- Action Type Selection Dialog -->
         <v-dialog v-model="actionTypeDialog.show" max-width="400px">
           <v-card class="rounded-lg" :style="interfaceStore.globalGlassMenuStyles">
-            <v-card-title class="text-h6 font-weight-bold py-4 text-center">Select Action Type</v-card-title>
+            <v-card-title class="text-h6 font-weight-bold py-4 text-center">{{
+              $t('Select Action Type')
+            }}</v-card-title>
             <v-card-text class="px-8">
               <v-list bg-color="transparent">
                 <v-list-item
@@ -144,7 +153,7 @@
             <v-divider class="mt-2 mx-10" />
             <v-card-actions>
               <div class="flex justify-between items-center pa-2 w-full h-full">
-                <v-btn color="white" variant="text" @click="actionTypeDialog.show = false">Cancel</v-btn>
+                <v-btn color="white" variant="text" @click="actionTypeDialog.show = false">{{ $t('Cancel') }}</v-btn>
               </div>
             </v-card-actions>
           </v-card>
@@ -175,6 +184,7 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import ActionLinkConfig from '@/components/configuration/ActionLinkConfig.vue'
 import HttpRequestActionConfig from '@/components/configuration/HttpRequestActionConfig.vue'
@@ -190,10 +200,11 @@ import {
 } from '@/libs/actions/mavlink-message-actions'
 import { executeActionCallback } from '@/libs/joystick/protocols/cockpit-actions'
 import { useAppInterfaceStore } from '@/stores/appInterface'
-import { ActionConfig, customActionTypes, customActionTypesNames } from '@/types/cockpit-actions'
+import { ActionConfig, customActionTypes } from '@/types/cockpit-actions'
 
 import BaseConfigurationView from './BaseConfigurationView.vue'
 
+const { t } = useI18n()
 const interfaceStore = useAppInterfaceStore()
 
 const httpRequestConfig = ref()
@@ -206,6 +217,20 @@ const httpRequestActions = ref(getAllHttpRequestActionConfigs())
 const mavlinkMessageActions = ref(getAllMavlinkMessageActionConfigs())
 const javascriptActions = ref(getAllJavascriptActionConfigs())
 
+/**
+ * Translate action type to localized string
+ * @param {customActionTypes} type - The action type to translate
+ * @returns {string} The translated action type name
+ */
+const translateActionType = (type: customActionTypes): string => {
+  const typeMap: Record<customActionTypes, string> = {
+    [customActionTypes.httpRequest]: t('HTTP Request'),
+    [customActionTypes.mavlinkMessage]: t('MAVLink Message'),
+    [customActionTypes.javascript]: t('JavaScript'),
+  }
+  return typeMap[type] || type
+}
+
 /**
  * Extended action config with additional variable-link properties
  */
@@ -247,11 +272,16 @@ const allActionConfigs = computed<LinkedActionConfig[]>(() => {
 })
 
 const headers = [
-  { title: 'Name', key: 'name', sortable: true, align: 'start' },
-  { title: 'Type', key: 'type', sortable: true, align: 'center' },
-  { title: 'Min Interval', key: 'minInterval', sortable: false, align: 'center' },
-  { title: 'Linked Variables', key: 'linkedVariables', sortable: false, align: 'center' },
-  { title: 'Actions', key: 'actions', sortable: false, align: 'end' },
+  { title: t('Name'), key: 'name', sortable: true, align: 'start' },
+  { title: t('Type'), key: 'type', sortable: true, align: 'center' },
+  { title: t('Min Interval'), key: 'minInterval', sortable: false, align: 'center' },
+  {
+    title: t('Linked Variables'),
+    key: 'linkedVariables',
+    sortable: false,
+    align: 'center',
+  },
+  { title: t('Actions'), key: 'actions', sortable: false, align: 'end' },
 ]
 
 const loadAllActions = (): void => {
@@ -335,26 +365,26 @@ const openNewActionDialog = (type: customActionTypes): void => {
 
 const actionTypeDialog = ref({ show: false })
 
-const actionTypes = [
+const actionTypes = computed(() => [
   {
-    title: 'HTTP Request Action',
-    description: 'Create an action to make HTTP requests to external APIs and services',
+    title: t('HTTP Request Action'),
+    description: t('Create an action to make HTTP requests to external APIs and services'),
     value: customActionTypes.httpRequest,
     icon: 'mdi-web',
   },
   {
-    title: 'MAVLink Message Action',
-    description: 'Create an action to send MAVLink messages to vehicles',
+    title: t('MAVLink Message Action'),
+    description: t('Create an action to send MAVLink messages to vehicles'),
     value: customActionTypes.mavlinkMessage,
     icon: 'mdi-drone',
   },
   {
-    title: 'JavaScript Action',
-    description: 'Create a custom action using JavaScript code',
+    title: t('JavaScript Action'),
+    description: t('Create a custom action using JavaScript code'),
     value: customActionTypes.javascript,
     icon: 'mdi-code-braces',
   },
-]
+])
 
 const selectActionType = (type: customActionTypes): void => {
   actionTypeDialog.value.show = false
diff --git a/src/views/ConfigurationAlertsView.vue b/src/views/ConfigurationAlertsView.vue
index a8d8151977..e74b3878de 100644
--- a/src/views/ConfigurationAlertsView.vue
+++ b/src/views/ConfigurationAlertsView.vue
@@ -1,33 +1,41 @@
-<template>
+<template>
   <BaseConfigurationView>
-    <template #title>Alerts configuration</template>
+    <template #title>{{ $t('Alerts configuration') }}</template>
     <template #content>
       <div
         class="flex flex-col justify-around align-start ml-5 max-h-[85vh] overflow-y-auto"
         :class="interfaceStore.isOnSmallScreen ? 'max-w-[70vw]' : 'max-w-[40vw]'"
       >
         <ExpansiblePanel :is-expanded="!interfaceStore.isOnPhoneScreen" no-top-divider>
-          <template #title>Voice alerts:</template>
+          <template #title>{{ $t('Voice alerts:') }}</template>
           <template #info>
-            Enable voice alerts to receive audible notifications about system and vehicle activities. <br />
-            Select specific alert levels to customize which types of notifications you receive.
+            {{
+              $t(
+                'Enable voice alerts to receive audible notifications about system and vehicle activities. Select specific alert levels to customize which types of notifications you receive.'
+              )
+            }}
           </template>
           <template #content>
             <div class="flex justify-between">
-              <v-switch v-model="alertStore.enableVoiceAlerts" label="Enable voice alerts" color="white" class="ml-3" />
+              <v-switch
+                v-model="alertStore.enableVoiceAlerts"
+                :label="$t('Enable voice alerts')"
+                color="white"
+                class="ml-3"
+              />
               <v-slider
                 v-model="alertStore.alertVolume"
                 min="0"
                 max="1"
                 step="0.05"
                 hide-details
-                label="Alerts volume"
+                :label="$t('Alerts volume')"
                 color="white"
                 class="max-w-[300px]"
                 :disabled="!alertStore.enableVoiceAlerts"
               />
             </div>
-            <span class="text-sm font-medium mt-4">Alert levels:</span>
+            <span class="text-sm font-medium mt-4">{{ $t('Alert levels:') }}</span>
             <div class="flex flex-wrap items-center justify-start">
               <div
                 v-for="enabledLevel in alertStore.enabledAlertLevels"
@@ -36,13 +44,13 @@
               >
                 <v-checkbox
                   v-model="enabledLevel.enabled"
-                  :label="capitalize(enabledLevel.level)"
+                  :label="translateAlertLevel(enabledLevel.level)"
                   hide-details
                   color="white"
                 />
               </div>
             </div>
-            <span class="text-sm font-medium mt-4">Alert voice:</span>
+            <span class="text-sm font-medium mt-4">{{ $t('Alert voice:') }}</span>
             <Dropdown
               v-model="alertStore.selectedAlertSpeechVoiceName"
               :options="alertStore.availableAlertSpeechVoiceNames"
@@ -55,7 +63,7 @@
         <!-- Armed Menu Warning Toggle -->
         <v-switch
           :model-value="!alertStore.neverShowArmedMenuWarning"
-          label="Show warning when opening menu with armed vehicle"
+          :label="$t('Show warning when opening menu with armed vehicle')"
           color="white"
           class="mt-3 mb-2 ml-3"
           hide-details
@@ -67,7 +75,7 @@
 </template>
 
 <script setup lang="ts">
-import { capitalize } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import Dropdown from '@/components/Dropdown.vue'
 import ExpansiblePanel from '@/components/ExpansiblePanel.vue'
@@ -76,6 +84,19 @@ import { useAppInterfaceStore } from '@/stores/appInterface'
 
 import BaseConfigurationView from './BaseConfigurationView.vue'
 
+const { t } = useI18n()
 const interfaceStore = useAppInterfaceStore()
 const alertStore = useAlertStore()
+
+// Translate alert level names
+const translateAlertLevel = (level: string): string => {
+  const mapping: Record<string, string> = {
+    info: t('Info'),
+    success: t('Success'),
+    error: t('Error'),
+    warning: t('Warning'),
+    critical: t('Critical'),
+  }
+  return mapping[level.toLowerCase()] || level
+}
 </script>
diff --git a/src/views/ConfigurationDevelopmentView.vue b/src/views/ConfigurationDevelopmentView.vue
index 3aacfe4274..4cb8a59c95 100644
--- a/src/views/ConfigurationDevelopmentView.vue
+++ b/src/views/ConfigurationDevelopmentView.vue
@@ -1,6 +1,6 @@
-<template>
+<template>
   <BaseConfigurationView>
-    <template #title>Development configuration</template>
+    <template #title>{{ $t('Development configuration') }}</template>
     <template #content>
       <div
         class="max-h-[85vh] overflow-y-auto -mr-2 mb-2"
@@ -13,14 +13,14 @@
           <div class="flex flex-row gap-x-[40px]">
             <v-switch
               v-model="devStore.developmentMode"
-              label="Development mode"
+              :label="$t('Development mode')"
               color="white"
               hide-details
               class="min-w-[155px]"
             />
             <v-switch
               v-model="devStore.enableBlueOsSettingsSync"
-              label="BlueOS settings sync"
+              :label="$t('BlueOS settings sync')"
               color="white"
               hide-details
               class="min-w-[155px]"
@@ -28,7 +28,7 @@
             />
             <v-switch
               v-model="devStore.enableSystemLogging"
-              label="Enable system logging"
+              :label="$t('Enable system logging')"
               color="white"
               hide-details
               class="min-w-[155px]"
@@ -38,7 +38,7 @@
           <div class="flex flex-row w-full justify-start gap-x-[40px]">
             <v-switch
               v-model="devStore.showSplashScreenOnStartup"
-              label="Show splashscreen on startup"
+              :label="$t('Show splashscreen on startup')"
               color="white"
               hide-details
               class="min-w-[155px]"
@@ -46,7 +46,7 @@
           </div>
           <v-slider
             v-model="devStore.widgetDevInfoBlurLevel"
-            label="Dev info blur level"
+            :label="$t('Dev info blur level')"
             min="0"
             max="10"
             class="w-[350px]"
@@ -58,9 +58,9 @@
         <ExpansiblePanel :is-expanded="!interfaceStore.isOnPhoneScreen" no-bottom-divider>
           <template #title>
             <div class="flex justify-between">
-              <span>System logs</span>
+              <span>{{ $t('System logs') }}</span>
               <span class="text-sm text-gray-300 cursor-pointer" @click.stop="deleteOldLogs">
-                <v-tooltip text="Delete old logs">
+                <v-tooltip :text="$t('Delete old logs')">
                   <template #activator="{ props }">
                     <v-icon left class="mr-2" v-bind="props">mdi-delete-sweep</v-icon>
                   </template>
@@ -110,6 +110,7 @@ import { parse } from 'date-fns'
 import { saveAs } from 'file-saver'
 import { onBeforeMount, onBeforeUnmount } from 'vue'
 import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import ExpansiblePanel from '@/components/ExpansiblePanel.vue'
 import {
@@ -125,6 +126,7 @@ import { useAppInterfaceStore } from '@/stores/appInterface'
 import { useDevelopmentStore } from '@/stores/development'
 
 import BaseConfigurationView from './BaseConfigurationView.vue'
+const { t } = useI18n()
 const devStore = useDevelopmentStore()
 const interfaceStore = useAppInterfaceStore()
 
@@ -152,10 +154,10 @@ interface CurrentLogInfo {
 /* eslint-enable jsdoc/require-jsdoc */
 
 const headers = [
-  { title: 'Name', key: 'name', sortable: false },
-  { title: 'Date/Time', key: 'dateTimeMs', sortable: true },
-  { title: 'Size', key: 'sizeBytes', sortable: true },
-  { title: 'Actions', key: 'actions', sortable: false },
+  { title: t('Name'), key: 'name', sortable: false },
+  { title: t('Date/Time'), key: 'dateTimeMs', sortable: true },
+  { title: t('Size'), key: 'sizeBytes', sortable: true },
+  { title: t('Actions'), key: 'actions', sortable: false },
 ]
 
 const updateCurrentSessionLogSize = async (): Promise<void> => {
diff --git a/src/views/ConfigurationGeneralView.vue b/src/views/ConfigurationGeneralView.vue
index 37117572be..80267e839f 100644
--- a/src/views/ConfigurationGeneralView.vue
+++ b/src/views/ConfigurationGeneralView.vue
@@ -1,28 +1,35 @@
-<template>
+<template>
   <BaseConfigurationView>
-    <template #title>General configuration</template>
+    <template #title>{{ $t('General configuration') }}</template>
     <template #content>
       <div
         class="flex-col h-full overflow-y-auto ml-[10px] pr-3 -mr-[10px]"
         :class="interfaceStore.isOnSmallScreen ? 'max-w-[80vw] max-h-[90vh]' : 'max-w-[650px] max-h-[85vh]'"
       >
         <ExpansiblePanel no-top-divider no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>User settings</template>
+          <template #title>{{ $t('User settings') }}</template>
           <template #info>
             <p class="w-full">
-              User related configuration. Here you can set the user that is currently set for this device as well as
-              create a new user account.
+              {{
+                $t(
+                  'User related configuration. Here you can set the user that is currently set for this device as well as create a new user account.'
+                )
+              }}
               <br />
               <br />
-              <span class="font-semibold">Pirate mode</span> allows Cockpit to expose advanced features, like setting
-              the frequency of MAVLink messages. Take care when enabling this mode.
+              <span class="font-semibold">{{ $t('Pirate mode') }}</span>
+              {{
+                $t(
+                  'Pirate mode allows Cockpit to expose advanced features, like setting the frequency of MAVLink messages. Take care when enabling this mode.'
+                )
+              }}
             </p>
           </template>
           <template #content>
             <div class="flex flex-col w-full items-start">
               <div class="flex align-center w-full justify-between pr-2 mt-1 mb-3">
                 <div>
-                  <span class="mr-2">Current user:</span>
+                  <span class="mr-2">{{ $t('Current user:') }}</span>
                   <span class="font-semibold text-2xl cursor-pointer" @click="missionStore.changeUsername">{{
                     missionStore.username
                   }}</span>
@@ -35,14 +42,42 @@
                     class="bg-[#FFFFFF22] shadow-2 -mr-2"
                     variant="flat"
                     @click="missionStore.changeUsername"
-                    >Manage users</v-btn
+                    >{{ $t('Manage users') }}</v-btn
                   >
                 </div>
               </div>
               <v-divider class="w-full opacity-[0.08]" />
+              <div class="flex flex-row w-full items-center py-5 gap-x-4">
+                <div class="flex w-[33%]">{{ $t('Language:') }}</div>
+                <div class="flex w-[66%]">
+                  <v-select
+                    v-model="currentLocale"
+                    :items="languageOptions"
+                    variant="outlined"
+                    density="compact"
+                    hide-details
+                    class="max-w-[200px] glass-select"
+                    theme="dark"
+                    :menu-props="{
+                      contentClass: 'glass-menu',
+                    }"
+                    @update:model-value="changeLanguage"
+                  />
+                </div>
+              </div>
+              <v-divider class="w-full opacity-[0.08]" />
               <div class="flex flex-row w-full items-center justify-between py-3 gap-x-2 gap-y-3 flex-wrap">
                 <v-btn size="x-small" class="bg-[#FFFFFF22] shadow-1" variant="flat" @click="openTutorial">
-                  Show tutorial
+                  {{ $t('Show tutorial') }}
+                </v-btn>
+                <v-btn
+                  v-if="isElectron()"
+                  size="x-small"
+                  class="bg-[#FFFFFF22] shadow-1"
+                  variant="flat"
+                  @click="openCockpitFolder"
+                >
+                  {{ $t('Open Cockpit folder') }}
                 </v-btn>
                 <v-btn
                   size="x-small"
@@ -50,7 +85,7 @@
                   variant="flat"
                   @click="showCockpitSettingsDialog = true"
                 >
-                  Manage Cockpit settings
+                  {{ $t('Manage Cockpit settings') }}
                 </v-btn>
                 <v-btn
                   size="x-small"
@@ -58,10 +93,10 @@
                   variant="flat"
                   @click="interfaceStore.pirateMode = !interfaceStore.pirateMode"
                 >
-                  {{ interfaceStore.pirateMode ? 'Disable pirate mode' : 'Enable pirate mode' }}
+                  {{ interfaceStore.pirateMode ? $t('Disable pirate mode') : $t('Enable pirate mode') }}
                 </v-btn>
                 <v-btn size="x-small" class="bg-[#FFFFFF22] shadow-1" variant="flat" @click="openExternalFeaturesModal">
-                  Extension features
+                  {{ $t('Extension features') }}
                 </v-btn>
                 <v-btn
                   size="x-small"
@@ -70,12 +105,12 @@
                   prepend-icon="mdi-shield-lock-outline"
                   @click="interfaceStore.isDataPrivacyModalVisible = true"
                 >
-                  Shared Data
+                  {{ $t('Shared Data') }}
                 </v-btn>
               </div>
               <v-divider v-if="isElectron()" class="w-full opacity-[0.08]" />
               <div v-if="isElectron()" class="flex flex-col w-full py-4 gap-1">
-                <span class="text-md mb-1 text-slate-200">Cockpit folder location:</span>
+                <span class="text-md mb-1 text-slate-200">{{ $t('Cockpit folder location:') }}</span>
                 <div class="flex items-center gap-6">
                   <v-tooltip
                     :text="cockpitFolderPath"
@@ -114,7 +149,7 @@
                     variant="flat"
                     @click="openCockpitFolder"
                   >
-                    Open folder
+                    {{ $t('Open Cockpit folder') }}
                   </v-btn>
                 </div>
               </div>
@@ -123,9 +158,9 @@
         </ExpansiblePanel>
 
         <ExpansiblePanel :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Vehicle network connection (global address)</template>
-          <template #subtitle>Current address: {{ mainVehicleStore.globalAddress }}</template>
-          <template #info>Sets the network address for device communication. E.g: blueos.local</template>
+          <template #title>{{ $t('Vehicle network connection (global address)') }}</template>
+          <template #subtitle>{{ $t('Current address') }}: {{ mainVehicleStore.globalAddress }}</template>
+          <template #info>{{ $t('Sets the network address for device communication. E.g: blueos.local') }}</template>
           <template #content>
             <v-btn
               v-if="isElectron()"
@@ -134,7 +169,7 @@
               variant="flat"
               @click="showDiscoveryDialog = true"
             >
-              Search for vehicles
+              {{ $t('Search for vehicles') }}
             </v-btn>
             <v-form
               ref="globalAddressForm"
@@ -157,14 +192,14 @@
                   variant="filled"
                   type="input"
                   density="compact"
-                  hint="Address of the Vehicle. E.g: blueos.local"
+                  :hint="$t('Address of the Vehicle. E.g: blueos.local')"
                   hide-details
                   class="w-[80%]"
                   :rules="[isValidHostAddress, isValidConnectionURI]"
                   @click:append-inner="resetGlobalAddress"
                 >
                   <template #append-inner>
-                    <v-icon v-tooltip.bottom="'Reset global address'" color="white" @click="resetGlobalAddress">
+                    <v-icon v-tooltip.bottom="$t('Reset global address')" color="white" @click="resetGlobalAddress">
                       mdi-restore
                     </v-icon>
                   </template>
@@ -177,19 +212,23 @@
                   variant="text"
                   type="submit"
                 >
-                  Apply
+                  {{ $t('Apply') }}
                 </v-btn>
               </div>
             </v-form>
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel no-top-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>MAVLink2REST URI</template>
+          <template #title>{{ $t('MAVLink2REST URI') }}</template>
           <template #subtitle>
-            Current address: {{ ConnectionManager.mainConnection()?.uri().toString() ?? 'none' }}<br />
-            Status:
+            {{ $t('Current address') }}: {{ ConnectionManager.mainConnection()?.uri().toString() ?? $t('None') }}<br />
+            {{ $t('Status') }}:
             {{
-              vehicleConnected ? 'connected' : vehicleConnected === undefined ? 'connecting...' : 'failed to connect'
+              vehicleConnected
+                ? $t('connected')
+                : vehicleConnected === undefined
+                ? $t('connecting...')
+                : $t('failed to connect')
             }}
           </template>
           <template #content>
@@ -211,12 +250,12 @@
                     variant="filled"
                     type="input"
                     density="compact"
-                    hint="URI of a Mavlink2Rest"
+                    :hint="$t('URI of a Mavlink2Rest')"
                     :rules="[isValidSocketConnectionURI]"
                   >
                     <template #append-inner>
                       <v-icon
-                        v-tooltip.bottom="'Reset to default'"
+                        v-tooltip.bottom="$t('Reset to default')"
                         color="white"
                         :disabled="!mainVehicleStore.customMAVLink2RestWebsocketURI.enabled"
                         @click="resetMainVehicleConnectionURI"
@@ -233,7 +272,7 @@
                   variant="text"
                   type="submit"
                 >
-                  Apply
+                  {{ $t('Apply') }}
                 </v-btn>
               </div>
               <div class="flex justify-end mt-6">
@@ -243,13 +282,13 @@
                 >
                   <v-switch
                     v-model="mainVehicleStore.customMAVLink2RestWebsocketURI.enabled"
-                    v-tooltip.bottom="'Enable custom'"
+                    v-tooltip.bottom="$t('Enable custom')"
                     class="-mt-5 bg-transparent mr-1 mb-[7px]"
                     density="compact"
                     hide-details
                   />
                   <div class="-mt-[4px]">
-                    {{ mainVehicleStore.customMAVLink2RestWebsocketURI.enabled ? 'Enabled' : 'Disabled' }}
+                    {{ mainVehicleStore.customMAVLink2RestWebsocketURI.enabled ? $t('Enabled') : $t('Disabled') }}
                   </div>
                 </div>
               </div>
@@ -257,8 +296,10 @@
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel no-top-divider no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Video connection (WebRTC)</template>
-          <template #subtitle>Current address: {{ mainVehicleStore.webRTCSignallingURI?.toString() ?? '' }}</template>
+          <template #title>{{ $t('Video connection (WebRTC)') }}</template>
+          <template #subtitle
+            >{{ $t('Current address') }}: {{ mainVehicleStore.webRTCSignallingURI?.toString() ?? '' }}</template
+          >
           <template #content>
             <v-form
               ref="webRTCSignallingForm"
@@ -277,12 +318,12 @@
                     variant="filled"
                     type="input"
                     density="compact"
-                    hint="URI of a WebRTC Signalling Server URI"
+                    :hint="$t('URI of a WebRTC Signalling Server URI')"
                     :rules="[isValidSocketConnectionURI]"
                   >
                     <template #append-inner>
                       <v-icon
-                        v-tooltip.bottom="'Reset to default'"
+                        v-tooltip.bottom="$t('Reset to default')"
                         color="white"
                         :disabled="!mainVehicleStore.customWebRTCSignallingURI.enabled"
                         @click="resetWebRTCSignallingURI"
@@ -299,7 +340,7 @@
                   variant="text"
                   type="submit"
                 >
-                  Apply
+                  {{ $t('Apply') }}
                 </v-btn>
               </div>
               <div>
@@ -309,13 +350,13 @@
                 >
                   <v-switch
                     v-model="mainVehicleStore.customWebRTCSignallingURI.enabled"
-                    v-tooltip.bottom="'Enable custom'"
+                    v-tooltip.bottom="$t('Enable custom')"
                     class="-mt-5 bg-transparent mr-1 mb-[7px]"
                     density="compact"
                     hide-details
                   />
                   <div class="-mt-[4px]">
-                    {{ mainVehicleStore.customWebRTCSignallingURI.enabled ? 'Enabled' : 'Disabled' }}
+                    {{ mainVehicleStore.customWebRTCSignallingURI.enabled ? $t('Enabled') : $t('Disabled') }}
                   </div>
                 </div>
               </div>
@@ -323,7 +364,7 @@
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Custom WebRTC configuration</template>
+          <template #title>{{ $t('Custom WebRTC configuration') }}</template>
           <template #content>
             <div class="flex justify-between mt-2 w-full">
               <v-textarea
@@ -331,9 +372,9 @@
                 v-model="customRtcConfiguration"
                 :disabled="!mainVehicleStore.customWebRTCConfiguration.enabled"
                 variant="outlined"
-                label="Custom WebRTC Configuration"
+                :label="$t('Custom WebRTC Configuration')"
                 :rows="6"
-                hint="e.g.: { iceServers: [{ urls: 'stun:stun.l.google.com:19302' }] }"
+                :hint="rtcConfigHint"
                 class="w-full"
               />
               <div class="flex flex-col justify-around align-center w-[100px] -mr-6">
@@ -345,19 +386,19 @@
                   type="submit"
                   @click="handleCustomRtcConfiguration"
                 >
-                  Apply
+                  {{ $t('Apply') }}
                 </v-btn>
 
                 <div class="flex flex-col align-end text-[10px] -mt-8">
                   <v-switch
                     v-model="mainVehicleStore.customWebRTCConfiguration.enabled"
-                    v-tooltip.bottom="'Enable custom'"
+                    v-tooltip.bottom="$t('Enable custom')"
                     class="-mt-5 bg-transparent"
                     rounded="lg"
                     hide-details
                   />
                   <div class="-mt-[4px]">
-                    {{ mainVehicleStore.customWebRTCConfiguration.enabled ? 'Enabled' : 'Disabled' }}
+                    {{ mainVehicleStore.customWebRTCConfiguration.enabled ? $t('Enabled') : $t('Disabled') }}
                   </div>
                 </div>
               </div>
@@ -365,16 +406,17 @@
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Generic WebSocket connections</template>
+          <template #title>{{ $t('Generic WebSocket connections') }}</template>
           <template #info>
             <div class="w-full">
-              <p>Connect to external WebSocket servers to receive data and inject it into the data-lake.</p>
+              <p>{{ $t('Connect to external WebSocket servers to receive data and inject it into the data-lake.') }}</p>
               <ul class="list-disc list-inside mt-2">
                 <li>
-                  Messages should be in the format <span class="font-mono">variableName=value</span>, one per message.
+                  {{ $t('Messages should be in the format') }}
+                  <span class="font-mono">variableName=value</span>, {{ $t('one per message') }}.
                 </li>
                 <li>
-                  You can use data-lake variables to compose the URL, for example:
+                  {{ $t('You can use data-lake variables to compose the URL, for example:') }}
                   <span class="font-mono">{{ exampleGenericWebSocketUrl }}</span>
                 </li>
               </ul>
@@ -399,7 +441,9 @@
                   <v-btn icon="mdi-close" size="x-small" variant="text" @click="removeGenericWebSocket(url)" />
                 </div>
               </div>
-              <div v-else class="text-sm opacity-60 mb-4">No connections configured.</div>
+              <div v-else class="text-sm opacity-60 mb-4">
+                {{ $t('No connections configured.') }}
+              </div>
 
               <!-- Add new connection -->
               <div class="flex justify-start items-center">
@@ -420,7 +464,7 @@
                   variant="text"
                   @click="addGenericWebSocket"
                 >
-                  Add connection
+                  {{ $t('Add connection') }}
                 </v-btn>
               </div>
             </div>
@@ -534,6 +578,8 @@
 
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useLocale } from 'vuetify'
 
 import { defaultGlobalAddress } from '@/assets/defaults'
 import ManageCockpitSettings from '@/components/configuration/CockpitSettingsManager.vue'
@@ -565,6 +611,39 @@ const interfaceStore = useAppInterfaceStore()
 const missionStore = useMissionStore()
 const { openSnackbar } = useSnackbar()
 const { showDialog, closeDialog } = useInteractionDialog()
+const { locale, t } = useI18n()
+const rtcConfigHint = computed(() =>
+  locale.value === 'zh'
+    ? "例如：{ iceServers: [{ urls: 'stun:stun.l.google.com:19302' }] }"
+    : "e.g.: { iceServers: [{ urls: 'stun:stun.l.google.com:19302' }] }"
+)
+const { current: vuetifyLocale } = useLocale()
+
+const currentLocale = ref(locale.value)
+const languageOptions = [
+  { title: 'English', value: 'en' },
+  { title: '中文', value: 'zh' },
+]
+
+const changeLanguage = (newLocale: string): void => {
+  locale.value = newLocale
+  vuetifyLocale.value = newLocale === 'zh' ? 'zhHans' : 'en'
+  localStorage.setItem('cockpit-language', newLocale)
+
+  try {
+    if (window.electronAPI?.updateMenuLanguage) {
+      window.electronAPI.updateMenuLanguage(newLocale)
+    }
+  } catch (error) {
+    console.warn('Failed to update Electron menu language:', error)
+  }
+
+  openSnackbar({
+    message: t('Language changed successfully'),
+    variant: 'success',
+    duration: 3000,
+  })
+}
 
 const globalAddressForm = ref()
 const globalAddressFormValid = ref(false)
@@ -599,17 +678,18 @@ const browseCockpitFolder = async (): Promise<void> => {
 
   const selectedName = selected.split(/[/\\]/).filter(Boolean).pop() ?? ''
   showDialog({
-    title: 'Cockpit folder location',
-    message:
-      `The selected folder is not named "Cockpit". Would you like to use ` +
-      `${selected} directly, or create and use a Cockpit subfolder inside it?`,
+    title: t('Cockpit folder location'),
+    message: t(
+      'The selected folder is not named "Cockpit". Would you like to use {selected} directly, or create and use a Cockpit subfolder inside it?',
+      { selected }
+    ),
     variant: 'info',
     persistent: true,
     maxWidth: 700,
     actions: [
-      { text: 'Cancel', size: 'small', action: () => closeDialog() },
+      { text: t('Cancel'), size: 'small', action: () => closeDialog() },
       {
-        text: `Use ${selectedName}`,
+        text: t('Use {name}', { name: selectedName }),
         size: 'small',
         action: () => {
           closeDialog()
@@ -617,7 +697,7 @@ const browseCockpitFolder = async (): Promise<void> => {
         },
       },
       {
-        text: `Use ${selectedName}/Cockpit`,
+        text: t('Use {name}/Cockpit', { name: selectedName }),
         size: 'small',
         action: () => {
           closeDialog()
@@ -854,7 +934,7 @@ const isValidHostAddress = (value: string): boolean | string => {
 const isValidConnectionURI = (value: string): boolean | string => {
   const forbiddenStartStrings = ['http://', 'https://', 'ws://', 'wss://']
   if (forbiddenStartStrings.some((protocol) => value.startsWith(protocol))) {
-    return 'Address should not include protocol (e.g.: "http://", "wss://").'
+    return t('Address should not include protocol (e.g.: "http://", "wss://")')
   }
 
   try {
@@ -967,7 +1047,7 @@ const openCockpitFolder = (): void => {
     window.electronAPI?.openCockpitFolder()
   } else {
     openSnackbar({
-      message: 'This feature is only available in the desktop version of Cockpit.',
+      message: t('This feature is only available in the desktop version of Cockpit.'),
       duration: 3000,
       variant: 'error',
       closeButton: true,
@@ -979,4 +1059,26 @@ const openCockpitFolder = (): void => {
 .uri-input {
   width: 100% !important;
 }
+
+.glass-select :deep(.v-field) {
+  background: rgba(255, 255, 255, 0.05) !important;
+  backdrop-filter: blur(10px);
+  border-color: rgba(255, 255, 255, 0.2) !important;
+}
+
+.glass-select :deep(.v-field:hover) {
+  background: rgba(255, 255, 255, 0.08) !important;
+  border-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.glass-select :deep(.v-field--focused) {
+  background: rgba(255, 255, 255, 0.1) !important;
+  border-color: rgba(255, 255, 255, 0.4) !important;
+}
+
+.glass-select :deep(.v-overlay__content) {
+  background: rgba(30, 30, 30, 0.95) !important;
+  backdrop-filter: blur(20px) !important;
+  -webkit-backdrop-filter: blur(20px) !important;
+}
 </style>
diff --git a/src/views/ConfigurationJoystickView.vue b/src/views/ConfigurationJoystickView.vue
index 44b25a87eb..7c7ec1075a 100644
--- a/src/views/ConfigurationJoystickView.vue
+++ b/src/views/ConfigurationJoystickView.vue
@@ -1,6 +1,6 @@
-<template>
+<template>
   <BaseConfigurationView>
-    <template #title>Joystick configuration </template>
+    <template #title>{{ $t('Joystick configuration') }}</template>
     <template #content>
       <div
         :class="interfaceStore.isOnSmallScreen ? 'max-w-[88vw] max-h-[95vh]' : 'max-w-[880px] max-h-[80vh]'"
@@ -13,36 +13,33 @@
           :class="interfaceStore.isOnSmallScreen ? 'pt-1' : 'pt-3'"
         >
           <p class="text-sm text-center opacity-80 mt-2 mb-1">
-            No joystick connected. Live input is unavailable, but you can still configure mappings, import defaults, and
-            import or export joystick configurations below.
+            {{ $t("No joystick connected. Live input is unavailable, but you can still configure mappings, import defaults, and import or export joystick configurations below.") }}
           </p>
         </div>
         <div>
           <ExpansiblePanel no-top-divider no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen" compact>
-            <template #title>General settings</template>
+            <template #title>{{ $t('General settings') }}</template>
             <template #info>
               <div class="flex flex-col items-start px-5 font-medium">
-                <li>
-                  View and configure your controller button and joystick behaviors, in a diagram and/or table display.
-                </li>
-                <li>
-                  Button presses and joystick movements are highlighted, and can be assigned to vehicle functions or
-                  Cockpit Actions.
-                </li>
-                <li>Advanced configuration is available for setting axis limits.</li>
+                <p>
+                  {{
+                    $t(
+                      'View and configure your controller button and joystick behaviors, in a diagram and/or table display.'
+                    )
+                  }}
+                </p>
               </div>
             </template>
             <template v-if="showJoystickWarningMessage" #warning>
               <div class="text-center text-yellow-200">
-                <p class="font-semibold">System update is recommended</p>
+                <p class="font-semibold">{{ $t('System update is recommended') }}</p>
                 <br />
                 <p class="font-medium">
-                  It seems like you're running versions of Mavlink2Rest (BlueOS) and/or ArduPilot that do not support
-                  the extended MAVLink MANUAL_CONTROL message. We strongly suggest upgrading both so you can have
-                  support for additional buttons and axes on the joystick. This is especially important if you sometimes
-                  use other control station software, like QGroundControl, as Cockpit can preferentially use the
-                  extended buttons to reduce configuration clashes. We recommend using BlueOS &ge; 1.2.0, and &ge;
-                  version 4.1.2 for ArduPilot-based autopilot firmware.
+                  {{
+                    $t(
+                      "It seems like you're running versions of Mavlink2Rest (BlueOS) and/or ArduPilot that do not support the extended MAVLink MANUAL_CONTROL message. We strongly suggest upgrading both so you can have support for additional buttons and axes on the joystick. This is especially important if you sometimes use other control station software, like QGroundControl, as Cockpit can preferentially use the extended buttons to reduce configuration clashes. We recommend using BlueOS ≥ 1.2.0, and ≥ version 4.1.2 for ArduPilot-based autopilot firmware."
+                    )
+                  }}
                 </p>
                 <p />
               </div>
@@ -56,17 +53,20 @@
                     "
                     class="flex flex-col items-center px-5 py-3 m-5 font-bold border rounded-md text-blue-grey-darken-1 bg-blue-lighten-5 w-fit"
                   >
-                    <p>Could not stablish communication with the vehicle.</p>
+                    <p>{{ $t('Could not establish communication with the vehicle.') }}</p>
                     <p>
-                      Button functions will appear as numbers. If connection is restablished, function names will
-                      appear.
+                      {{
+                        $t(
+                          'Button functions will appear as numbers. If connection is restablished, function names will appear.'
+                        )
+                      }}
                     </p>
                   </div>
 
                   <div v-if="availableModifierKeys" class="flex flex-row items-center mt-2 mb-3">
                     <v-switch
                       v-model="controllerStore.holdLastInputWhenWindowHidden"
-                      label="Hold last joystick input when window is hidden (tab changed or window minimized)"
+                      :label="$t('Hold last joystick input when window is hidden (tab changed or window minimized)')"
                       class="scale-[85%] -mb-4"
                     />
                   </div>
@@ -82,8 +82,8 @@
                     class="w-full h-full my-3 rounded-lg elevation-2 bg-[#FFFFFF23]"
                     theme="dark"
                   >
-                    <v-tab value="svg">Visual</v-tab>
-                    <v-tab value="table">Table</v-tab>
+                    <v-tab value="svg">{{ $t('Visual') }}</v-tab>
+                    <v-tab value="table">{{ $t('Table') }}</v-tab>
                     <div class="flex w-full h-[46px] justify-end align-center mr-[5px]">
                       <div />
                       <div class="flex justify-between mr-5">
@@ -105,7 +105,7 @@
                             ]"
                             @click="changeModifierKeyTab(button.id as CockpitModifierKeyOption)"
                           >
-                            {{ button.name }}
+                            {{ translateModifierKeyName(button.name) }}
                           </v-btn>
                         </div>
                       </div>
@@ -113,7 +113,7 @@
                         class="flex border-[1px] border-[#FFFFFF22] rounded-md elevation-1 mb-[2px] mr-[4px]"
                         :style="interfaceStore.globalGlassMenuStyles"
                       >
-                        <v-tooltip location="top" text="Download joystick mappings">
+                        <v-tooltip location="top" :text="$t('Download joystick mappings')">
                           <template #activator="{ props }">
                             <v-btn
                               v-bind="props"
@@ -125,7 +125,7 @@
                           /></template>
                         </v-tooltip>
                         <v-divider vertical />
-                        <v-tooltip location="top" text="Upload joystick mappings">
+                        <v-tooltip location="top" :text="$t('Upload joystick mappings')">
                           <template #activator="{ props }">
                             <label v-bind="props">
                               <input
@@ -164,11 +164,13 @@
                   :key="key"
                   class="w-[95%] h-full mx-auto flex-centered flex-column position-relative"
                 >
-                  <p class="text-md font-semibold -mt-8">{{ joystick.model }} controller</p>
+                  <p class="text-md font-semibold -mt-8">{{ joystick.model }} {{ $t('controller') }}</p>
                   <div class="flex items-center gap-2 -mb-8">
                     <v-switch
                       :model-value="!controllerStore.disabledJoysticks.includes(joystick.model)"
-                      :label="controllerStore.disabledJoysticks.includes(joystick.model) ? 'Disabled' : 'Enabled'"
+                      :label="
+                        controllerStore.disabledJoysticks.includes(joystick.model) ? $t('Disabled') : $t('Enabled')
+                      "
                       hide-details
                       class="-mt-2"
                       @update:model-value="toggleJoystickEnabling(joystick.model)"
@@ -214,7 +216,7 @@
                     class="flex flex-row items-start justify-end w-full gap-4 -mr-8 mb-[20px]"
                   >
                     <div class="flex w-[60%] flex-col items-center">
-                      <p class="text-xs font-semibold opacity-80 mb-2">Additional buttons</p>
+                      <p class="text-xs font-semibold opacity-80 mb-2">{{ $t('Additional buttons') }}</p>
                       <div class="grid grid-cols-3 sm:grid-cols-3 xl:grid-cols-4 gap-3 w-full">
                         <div
                           v-for="buttonId in getButtonsNotInSvg(joystick)"
@@ -249,7 +251,7 @@
                     </div>
                     <v-divider vertical />
                     <div v-if="getAxesNotInSvg(joystick).length" class="flex-1 w-1 /5 flex flex-col items-center">
-                      <p class="text-xs font-semibold opacity-80 mb-2">Additional axes</p>
+                      <p class="text-xs font-semibold opacity-80 mb-2">{{ $t('Additional axes') }}</p>
                       <div class="grid grid-cols-1 sm:grid-cols-2 gap-3 w-full">
                         <div
                           v-for="axisId in getAxesNotInSvg(joystick)"
@@ -282,11 +284,15 @@
                   :key="key"
                   class="w-full flex-centered flex-column"
                 >
-                  <span class="text-md font-semibold w-full text-center -mt-8">{{ joystick.model }} controller</span>
+                  <span class="text-md font-semibold w-full text-center -mt-8"
+                    >{{ joystick.model }} {{ $t('controller') }}</span
+                  >
                   <div class="flex items-center gap-2">
                     <v-switch
                       :model-value="!controllerStore.disabledJoysticks.includes(joystick.model)"
-                      :label="controllerStore.disabledJoysticks.includes(joystick.model) ? 'Disabled' : 'Enabled'"
+                      :label="
+                        controllerStore.disabledJoysticks.includes(joystick.model) ? $t('Disabled') : $t('Enabled')
+                      "
                       hide-details
                       class="-mt-2 -mb-1"
                       @update:model-value="toggleJoystickEnabling(joystick.model)"
@@ -295,7 +301,9 @@
                 </div>
 
                 <div class="w-full flex-centered flex-column">
-                  <p class="text-start text-sm font-bold w-[93%] mb-1">Axes</p>
+                  <p class="text-start text-sm font-bold w-[93%] mb-1">
+                    {{ $t('Axes') }}
+                  </p>
                   <v-data-table
                     :items="tableItems"
                     class="elevation-1 bg-transparent rounded-lg mb-[20px]"
@@ -305,22 +313,34 @@
                   >
                     <template #headers>
                       <tr>
-                        <th class="w-[100px] text-center"><p class="text-[16px] font-bold">Name</p></th>
-                        <th class="w-[120px] text-center"><p class="text-[16px] font-bold">Preview</p></th>
-                        <th class="w-[50px] text-center"><p class="text-[16px] font-bold">Direction</p></th>
-                        <th class="w-[110px] text-center"><p class="text-[16px] font-bold">Min</p></th>
-                        <th class="w-[120px] text-center"><p class="text-[16px] font-bold">Axis</p></th>
-                        <th class="w-[110px] text-center"><p class="text-[16px] font-bold">Max</p></th>
+                        <th class="w-[100px] text-center">
+                          <p class="text-[16px] font-bold">{{ $t('Name') }}</p>
+                        </th>
+                        <th class="w-[120px] text-center">
+                          <p class="text-[16px] font-bold">{{ $t('Preview') }}</p>
+                        </th>
+                        <th class="w-[50px] text-center">
+                          <p class="text-[16px] font-bold">{{ $t('Direction') }}</p>
+                        </th>
+                        <th class="w-[110px] text-center">
+                          <p class="text-[16px] font-bold">{{ $t('Min') }}</p>
+                        </th>
+                        <th class="w-[120px] text-center">
+                          <p class="text-[16px] font-bold">{{ $t('Axis') }}</p>
+                        </th>
+                        <th class="w-[110px] text-center">
+                          <p class="text-[16px] font-bold">{{ $t('Max') }}</p>
+                        </th>
                       </tr>
                       <p v-if="tableItems.length === 0" class="fixed top-[67%] left-[40%]">
-                        Press a key or move an axis
+                        {{ $t('Press a key or move an axis') }}
                       </p>
                     </template>
                     <template #item="{ item }">
                       <tr v-if="item.type === 'axis'">
                         <td class="w-[100px] text-center">
                           <div class="flex items-center justify-center gap-x-4">
-                            <p>{{ item.type }}</p>
+                            <p>{{ $t('Axis') }}</p>
                             <p>{{ item.id }}</p>
                           </div>
                         </td>
@@ -364,7 +384,14 @@
                             variant="plain"
                             theme="dark"
                             return-object
-                          />
+                          >
+                            <template #selection="{ item: selectItem }">
+                              {{ translateActionName(selectItem.raw) }}
+                            </template>
+                            <template #item="{ props, item: selectItem }">
+                              <v-list-item v-bind="props" :title="translateActionName(selectItem.raw)"></v-list-item>
+                            </template>
+                          </v-select>
                         </td>
                         <td class="w-[110px] text-center">
                           <v-text-field
@@ -392,7 +419,9 @@
                     ></template>
                   </v-data-table>
 
-                  <p class="text-start text-sm font-bold w-[93%] mb-1">Buttons</p>
+                  <p class="text-start text-sm font-bold w-[93%] mb-1">
+                    {{ $t('Buttons') }}
+                  </p>
                   <v-data-table
                     :headers="headers"
                     :items="tableItems"
@@ -403,20 +432,30 @@
                   >
                     <template #headers>
                       <tr>
-                        <th class="w-[120px] text-center"><p class="text-[16px] font-bold">Name</p></th>
+                        <th class="w-[120px] text-center">
+                          <p class="text-[16px] font-bold">{{ $t('Name') }}</p>
+                        </th>
                         <th class="w-[120px] text-center">
                           <div
                             class="flex justify-center w-full"
                             :class="{ '-mr-3': currentModifierKey.id !== 'regular' }"
                           >
-                            <p class="text-[16px] font-bold">Function</p>
+                            <p class="text-[16px] font-bold">
+                              {{ $t('Function') }}
+                            </p>
                             <p v-if="currentModifierKey.id !== 'regular'" class="text-[10px] text-end ml-2">
                               ({{ currentModifierKey.id }})
                             </p>
                           </div>
                         </th>
-                        <th class="w-[150px] text-center"><p class="text-[16px] font-bold">Custom label</p></th>
-                        <th class="w-[50px] text-center"><p class="text-[16px] font-bold">Actions</p></th>
+                        <th class="w-[150px] text-center">
+                          <p class="text-[16px] font-bold">
+                            {{ $t('Custom label') }}
+                          </p>
+                        </th>
+                        <th class="w-[50px] text-center">
+                          <p class="text-[16px] font-bold">{{ $t('Actions') }}</p>
+                        </th>
                       </tr>
                     </template>
                     <template #item="{ item }">
@@ -428,14 +467,14 @@
                                 item.type === 'button' && isButtonPressed(item.id as JoystickButton) ? 'bg-[#2c99ce]' : 'bg-transparent'
                               "
                           >
-                            <p>{{ item.type }}</p>
+                            <p>{{ $t('Button') }}</p>
                             <p>{{ item.id }}</p>
                           </div>
                         </td>
                         <td class="w-[120px]">
                           <div>
                             <p class="text-center">
-                              {{ currentButtonActions[item.id as JoystickButton]?.action.name }}
+                              {{ translateActionName(currentButtonActions[item.id as JoystickButton]?.action) }}
                             </p>
                           </div>
                         </td>
@@ -451,14 +490,14 @@
                         </td>
                         <td class="text-center w-[50px]">
                           <v-btn
-                            v-tooltip:top="'Unmap'"
+                            v-tooltip:top="$t('Unmap Input')"
                             icon="mdi-delete-circle"
                             variant="text"
                             @click="unbindCurrentInput(item as JoystickButtonInput)"
                           >
                           </v-btn>
                           <v-btn
-                            v-tooltip="'Map function to button'"
+                            v-tooltip="$t('Map function to button')"
                             icon="mdi-circle-edit-outline"
                             variant="text"
                             class="text-[16px]"
@@ -475,13 +514,16 @@
             </template>
           </ExpansiblePanel>
           <ExpansiblePanel no-top-divider no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen" compact>
-            <template #title>Axis Calibration</template>
+            <template #title>{{ $t('Axis Calibration') }}</template>
             <template #info>
               <div class="flex flex-col items-start px-5 font-medium">
-                <li>Calibrate your joystick to ensure accurate axis inputs.</li>
+                <li>{{ $t('Calibrate your joystick to ensure accurate axis inputs.') }}</li>
                 <li>
-                  Click the button to open the calibration dialog, then follow the instructions to calibrate your
-                  joystick axes.
+                  {{
+                    $t(
+                      'Click the button to open the calibration dialog, then follow the instructions to calibrate your joystick axes.'
+                    )
+                  }}
                 </li>
               </div>
             </template>
@@ -498,7 +540,9 @@
   <teleport to="body">
     <InteractionDialog :show-dialog="inputClickedDialog" max-width="auto" variant="text-only" persistent>
       <template #title>
-        <div class="flex justify-center w-full font-bold mt-1">Input mapping</div>
+        <div class="flex justify-center w-full font-bold mt-1">
+          {{ $t('Input mapping') }}
+        </div>
       </template>
       <template #content>
         <v-icon class="fixed top-3 right-3 cursor-pointer" @click="closeInputMappingDialog">mdi-close</v-icon>
@@ -518,29 +562,29 @@
                   class="bg-[#FFFFFF33]"
                   @click="updateButtonAction(input, shiftFunction as ProtocolAction)"
                 >
-                  Assign as Shift
+                  {{ $t('Assign as Shift') }}
                 </v-btn>
                 <v-btn
                   variant="elevated"
                   class="bg-[#FFFFFF33]"
                   @click="unbindCurrentInput(input as JoystickButtonInput)"
                 >
-                  Unmap Input
+                  {{ $t('Unmap Input') }}
                 </v-btn>
               </div>
               <div class="flex-1 my-4"></div>
               <div class="flex flex-col items-start text-sm font-semibold gap-y-1">
                 <div class="flex items-center">
                   <img src="@/assets/cockpit-logo.avif" class="w-4 h-4 mr-2" alt="Cockpit" />
-                  <span>Cockpit Action</span>
+                  <span>{{ $t('Cockpit Action') }}</span>
                 </div>
                 <div class="flex items-center">
                   <img src="@/assets/mavlink-logo.avif" class="w-4 h-4 mr-2 ml-[1px] mt-[4px]" alt="MAVLink" />
-                  <span>MAVLink Manual Control</span>
+                  <span>{{ $t('MAVLink Manual Control') }}</span>
                 </div>
                 <div class="flex items-center">
                   <v-icon icon="mdi-database" size="small" class="mr-2" />
-                  <span>Data Lake Variable</span>
+                  <span>{{ $t('Data Lake Variable') }}</span>
                 </div>
               </div>
             </div>
@@ -552,7 +596,7 @@
                   variant="outlined"
                   theme="dark"
                   type="text"
-                  placeholder="Search actions..."
+                  :placeholder="$t('Search actions...')"
                   class="mb-1"
                   hide-details
                 />
@@ -584,7 +628,7 @@
                       />
                     </div>
                     <p class="text-center text-xs px-8">
-                      {{ action.name }}
+                      {{ translateActionName(action as ProtocolAction) }}
                     </p>
                   </Button>
                 </div>
@@ -592,7 +636,9 @@
             </div>
           </div>
           <template v-if="currentAxisInputs.length > 0">
-            <p class="flex items-center justify-center w-full text-lg font-semibold mb-2 mt-2">Axis mapping</p>
+            <p class="flex items-center justify-center w-full text-lg font-semibold mb-2 mt-2">
+              {{ $t('Axis mapping') }}
+            </p>
           </template>
           <div class="flex flex-col items-center justify-between my-2">
             <Transition>
@@ -613,7 +659,7 @@
             <v-text-field
               v-model.number="selectedProfileAxesCorrespondencies[input.id].min"
               class="bg-transparent w-[110px]"
-              label="Min"
+              :label="$t('Min')"
               type="number"
               density="compact"
               variant="outlined"
@@ -629,11 +675,18 @@
               class="bg-transparent w-[120px] mx-2"
               theme="dark"
               return-object
-            />
+            >
+              <template #selection="{ item }">
+                {{ translateActionName(item.raw) }}
+              </template>
+              <template #item="{ props, item }">
+                <v-list-item v-bind="props" :title="translateActionName(item.raw)"></v-list-item>
+              </template>
+            </v-select>
             <v-text-field
               v-model.number="selectedProfileAxesCorrespondencies[input.id].max"
               class="bg-transparent w-[110px]"
-              label="Max"
+              :label="$t('Max')"
               type="number"
               density="compact"
               variant="outlined"
@@ -644,7 +697,7 @@
       </template>
       <template #actions>
         <div class="flex justify-end w-full">
-          <v-btn variant="text" class="m-1" @click="closeInputMappingDialog"> Close </v-btn>
+          <v-btn variant="text" class="m-1" @click="closeInputMappingDialog">{{ $t('Close') }}</v-btn>
         </div>
       </template>
     </InteractionDialog>
@@ -654,6 +707,7 @@
 <script setup lang="ts">
 import semver from 'semver'
 import { type Ref, computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import Button from '@/components/Button.vue'
 import ExpansiblePanel from '@/components/ExpansiblePanel.vue'
@@ -667,7 +721,7 @@ import { getAllTransformingFunctions } from '@/libs/actions/data-lake-transforma
 import { getArdupilotVersion, getMavlink2RestVersion } from '@/libs/blueos'
 import { JoystickModel } from '@/libs/joystick/manager'
 import { MAVLinkButtonFunction } from '@/libs/joystick/protocols/mavlink-manual-control'
-import { modifierKeyActions } from '@/libs/joystick/protocols/other'
+import { getModifierKeyActions, modifierKeyActions } from '@/libs/joystick/protocols/other'
 import { mavlinkCameraFocusActionId, mavlinkCameraZoomActionId } from '@/libs/joystick/protocols/predefined-resources'
 import { scale } from '@/libs/utils'
 import { useAppInterfaceStore } from '@/stores/appInterface'
@@ -693,6 +747,7 @@ const controllerStore = useControllerStore()
 const { globalAddress } = useMainVehicleStore()
 const interfaceStore = useAppInterfaceStore()
 const { openSnackbar } = useSnackbar()
+const { t } = useI18n()
 
 const showJoystickWarningMessage = ref(false)
 const searchText = ref('')
@@ -719,7 +774,7 @@ const justRemappedInput = ref<boolean>()
 const justRemappedAxisInput = ref<boolean>()
 const inputClickedDialog = ref(false)
 const currentModifierKey: Ref<ProtocolAction> = ref(modifierKeyActions.regular)
-const availableModifierKeys: ProtocolAction[] = Object.values(modifierKeyActions)
+const availableModifierKeys = computed(() => Object.values(getModifierKeyActions()))
 const showJoystickLayout = ref(true)
 const currentTabVIew = ref('table')
 const maxVisibleInputs = 64
@@ -953,7 +1008,7 @@ const currentButtonActions = computed(
 const unbindCurrentInput = (input: JoystickButtonInput): void => {
   const actions: ProtocolAction = {
     id: 'no_function',
-    name: 'No function',
+    name: t('No function'),
     protocol: JoystickProtocol.CockpitAction,
   }
   updateButtonAction(input, actions)
@@ -967,7 +1022,10 @@ const updateButtonAction = (input: JoystickButtonInput, action: ProtocolAction):
     showJoystickLayout.value = false
     nextTick(() => (showJoystickLayout.value = true))
   }, 1000)
-  openSnackbar({ message: `Button ${input.id} remapped to function '${action.name}'.`, variant: 'success' })
+  openSnackbar({
+    message: t("Button {id} remapped to function '{name}'.", { id: input.id, name: action.name }),
+    variant: 'success',
+  })
 }
 
 // Automatically set the current joystick when it changes for the first time
@@ -1040,4 +1098,42 @@ const toggleJoystickEnabling = (joystickModel: string): void => {
     controllerStore.disabledJoysticks.push(joystickModel)
   }
 }
+// Translate modifier key names
+const translateModifierKeyName = (name: string): string => {
+  const nameMap: Record<string, string> = {
+    Regular: t('Regular'),
+    Shift: t('Shift'),
+  }
+  return nameMap[name] || name
+}
+
+// Translate action names dynamically based on action ID
+const translateActionName = (action: ProtocolAction): string => {
+  if (!action) return ''
+
+  // Handle special cases by ID
+  const idToKeyMap: Record<string, string> = {
+    no_function: 'No function',
+    go_to_next_view: 'Go to next view',
+    go_to_previous_view: 'Go to previous view',
+    toggle_full_screen: 'Toggle full screen',
+    mavlink_arm: 'Mavlink arm',
+    mavlink_disarm: 'Mavlink disarm',
+    toggle_bottom_bar: 'Toggle bottom bar',
+    toggle_top_bar: 'Toggle top bar',
+    start_recording_all_streams: 'Start recording all streams',
+    stop_recording_all_streams: 'Stop recording all streams',
+    toggle_recording_all_streams: 'Toggle recording all streams',
+    take_snapshot: 'Take snapshot',
+    hold_to_confirm: 'Hold to confirm',
+  }
+
+  const translationKey = idToKeyMap[action.id]
+  if (translationKey) {
+    return t(translationKey)
+  }
+
+  // For other actions, return the name as is
+  return action.name
+}
 </script>
diff --git a/src/views/ConfigurationLogsView.vue b/src/views/ConfigurationLogsView.vue
index e018b1c2fc..fff6418476 100644
--- a/src/views/ConfigurationLogsView.vue
+++ b/src/views/ConfigurationLogsView.vue
@@ -12,7 +12,9 @@
         />
       </template>
       <template #title
-        ><div :class="interfaceStore.isOnPhoneScreen ? '' : 'mt-1'">On screen telemetry data</div></template
+        ><div :class="interfaceStore.isOnPhoneScreen ? '' : 'mt-1'">
+          {{ $t('On screen telemetry data') }}
+        </div></template
       >
       <template #content>
         <div
@@ -31,7 +33,7 @@
           >
             <div id="leftColumn" class="flex flex-col justify-start align-start mt-[2vh] overflow-auto">
               <ExpansiblePanel compact mark-expanded darken-content hover-effect>
-                <template #title>Overlay Options</template>
+                <template #title>{{ $t('Overlay Options') }}</template>
                 <template #content>
                   <div>
                     <div class="flex flex-col flex-wrap justify-between align-start gap-y-0 pt-3">
@@ -39,7 +41,7 @@
                         <span
                           class="font-bold text-white text-start mb-5"
                           :class="interfaceStore.isOnSmallScreen ? ' text-xs w-[75px]' : 'text-sm w-[125px]'"
-                          >Font size</span
+                          >{{ $t('Font size') }}</span
                         >
                         <v-text-field
                           v-model="telemetryDisplayOptions.fontSize"
@@ -51,7 +53,7 @@
                         <span
                           class="font-bold text-white text-start mb-5"
                           :class="interfaceStore.isOnSmallScreen ? ' text-xs w-[75px]' : 'text-sm w-[125px]'"
-                          >Shadow size</span
+                          >{{ $t('Shadow size') }}</span
                         >
                         <v-text-field
                           v-model="telemetryDisplayOptions.fontShadowSize"
@@ -76,7 +78,7 @@
                               <span
                                 :class="interfaceStore.isOnSmallScreen ? ' text-xs' : 'text-sm'"
                                 class="text-sm font-bold text-white text-start"
-                                >Font color</span
+                                >{{ $t('Font color') }}</span
                               >
                               <div
                                 v-bind="props"
@@ -101,7 +103,7 @@
                               <span
                                 :class="interfaceStore.isOnSmallScreen ? ' text-xs' : 'text-sm'"
                                 class="text-sm font-bold text-white text-start"
-                                >Outline color</span
+                                >{{ $t('Outline color') }}</span
                               >
                               <div
                                 v-bind="props"
@@ -125,7 +127,7 @@
                               <span
                                 :class="interfaceStore.isOnSmallScreen ? ' text-xs' : 'text-sm'"
                                 class="text-sm font-bold text-white text-start"
-                                >Shadow color</span
+                                >{{ $t('Shadow color') }}</span
                               >
                               <div
                                 v-bind="props"
@@ -148,7 +150,7 @@
                           <span
                             class="text-sm font-bold text-white -mt-[20px] text-start"
                             :class="interfaceStore.isOnSmallScreen ? ' text-xs' : 'text-sm'"
-                            >Bold</span
+                            >{{ $t('Bold') }}</span
                           >
                         </div>
                         <div
@@ -159,7 +161,7 @@
                           <span
                             class="text-sm font-bold text-white -mt-[20px] text-start"
                             :class="interfaceStore.isOnSmallScreen ? ' text-xs' : 'text-sm'"
-                            >Italic</span
+                            >{{ $t('Italic') }}</span
                           >
                         </div>
                         <div
@@ -170,7 +172,7 @@
                           <span
                             class="text-sm font-bold text-white -mt-[20px] text-start"
                             :class="interfaceStore.isOnSmallScreen ? ' text-xs' : 'text-sm'"
-                            >Underline</span
+                            >{{ $t('Underline') }}</span
                           >
                         </div>
                         <div
@@ -181,7 +183,7 @@
                           <span
                             class="text-sm font-bold text-white -mt-[20px] text-start"
                             :class="interfaceStore.isOnSmallScreen ? ' text-xs' : 'text-sm'"
-                            >Strikethrough</span
+                            >{{ $t('Strikethrough') }}</span
                           >
                         </div>
                       </div>
@@ -190,7 +192,7 @@
                 </template>
               </ExpansiblePanel>
               <ExpansiblePanel compact mark-expanded no-top-divider darken-content hover-effect>
-                <template #title>Vehicle Variables</template>
+                <template #title>{{ $t('Vehicle Variables') }}</template>
                 <template #content>
                   <VueDraggable
                     v-model="loggedVariables"
@@ -212,14 +214,14 @@
                         :class="interfaceStore.isOnSmallScreen ? '' : 'my-[2px]'"
                         label
                         class="cursor-grab elevation-1"
-                        >{{ variable }}</v-chip
+                        >{{ translateVariable(variable) }}</v-chip
                       >
                     </div>
                   </VueDraggable>
                 </template>
               </ExpansiblePanel>
               <ExpansiblePanel compact mark-expanded no-top-divider darken-content hover-effect>
-                <template #title>Mission Variables</template>
+                <template #title>{{ $t('Mission Variables') }}</template>
                 <template #content>
                   <VueDraggable
                     v-model="otherLoggingElements"
@@ -241,18 +243,18 @@
                         :class="interfaceStore.isOnSmallScreen ? '' : 'my-[2px]'"
                         label
                         class="cursor-grab elevation-1"
-                        >{{ element }}</v-chip
+                        >{{ translateVariable(element) }}</v-chip
                       >
                     </div>
                   </VueDraggable>
                 </template>
               </ExpansiblePanel>
               <ExpansiblePanel compact mark-expanded no-top-divider darken-content hover-effect>
-                <template #title>Data Lake Variables</template>
+                <template #title>{{ $t('Data Lake Variables') }}</template>
                 <template #content>
                   <v-text-field
                     v-model="dataLakeSearch"
-                    placeholder="Search variables..."
+                    :placeholder="t('Search variables...')"
                     density="compact"
                     variant="outlined"
                     hide-details
@@ -282,7 +284,7 @@
                             ? 'data-lake-variable-chip'
                             : 'my-[2px] data-lake-variable-chip'
                         "
-                        :title="variable"
+                        :title="resolveDisplayName(variable)"
                         label
                         class="cursor-grab elevation-1 w-full justify-start"
                       >
@@ -293,7 +295,7 @@
                 </template>
               </ExpansiblePanel>
               <ExpansiblePanel compact mark-expanded no-top-divider darken-content hover-effect>
-                <template #title>Custom Messages</template>
+                <template #title>{{ $t('Custom Messages') }}</template>
                 <template #content>
                   <VueDraggable
                     v-model="customMessageElements"
@@ -340,7 +342,7 @@
                       <div
                         class="frosted-button backdrop-blur-md rounded-lg overflow-visible w-[400px] flex flex-col px-4 pt-2 pb-3 elevation-2"
                       >
-                        <span class="text-sm font-bold text-white text-center w-full">Enter message</span>
+                        <span class="text-sm font-bold text-white text-center w-full">{{ $t('Enter message') }}</span>
                         <span v-pre class="text-[10px] text-slate-400 text-center w-full mt-1"
                           >Type {{ to autocomplete data lake variables</span
                         >
@@ -364,9 +366,9 @@
                 </template>
               </ExpansiblePanel>
               <ExpansiblePanel compact mark-expanded no-top-divider darken-content hover-effect>
-                <template #title>Settings</template>
+                <template #title>{{ $t('Settings') }}</template>
                 <template #content>
-                  <p class="text-[12px] mt-2 ml-1">Telemetry frequency - 1 to 100 Hz (default 1 Hz)</p>
+                  <p class="text-[12px] mt-2 ml-1">{{ $t('Telemetry frequency - 1 to 100 Hz (default 1 Hz)') }}</p>
                   <div class="flex mb-1 justify">
                     <v-slider
                       v-model="newFrequency"
@@ -393,7 +395,7 @@
               </ExpansiblePanel>
               <div class="flex justify-end w-full mt-2">
                 <v-btn size="x-small" variant="text" class="mr-2" @click="resetAllChips">
-                  Reset Positions
+                  {{ $t('Reset Positions') }}
                   <v-icon size="18" class="ml-2">mdi-restore</v-icon>
                 </v-btn>
               </div>
@@ -439,7 +441,7 @@
                       "
                       class="cursor-grab elevation-1"
                       :class="interfaceStore.isOnSmallScreen ? '' : 'my-[2px]'"
-                      >{{ resolveDisplayName(variable) }}
+                      >{{ translateVariable(resolveDisplayName(variable)) }}
                       <v-icon right class="ml-2 -mr-1" @click="removeChipFromGrid(config.key, variable)">
                         mdi-close
                       </v-icon>
@@ -459,6 +461,7 @@
 import type * as monacoTypes from 'monaco-editor'
 import { computed, nextTick, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue'
 import { VueDraggable } from 'vue-draggable-plus'
+import { useI18n } from 'vue-i18n'
 
 import ExpansiblePanel from '@/components/ExpansiblePanel.vue'
 import GlassButton from '@/components/GlassButton.vue'
@@ -474,6 +477,47 @@ import { useAppInterfaceStore } from '@/stores/appInterface'
 
 import BaseConfigurationView from './BaseConfigurationView.vue'
 
+const { t } = useI18n()
+
+/**
+ * Translates a known telemetry variable display name to the current locale.
+ * Falls back to the original string when no mapping exists.
+ * @param {string} variable - The English display name of the variable
+ * @returns {string} The translated variable name, or the original if no translation is found
+ */
+const translateVariable = (variable: string): string => {
+  const mapping: Record<string, string> = {
+    'Roll': t('Roll'),
+    'Pitch': t('Pitch'),
+    'Heading': t('Heading'),
+    'Depth': t('Depth'),
+    'Mode': t('Mode'),
+    'Battery voltage': t('Battery voltage'),
+    'Battery current': t('Battery current'),
+    'GPS satellites': t('GPS satellites'),
+    'GPS status': t('GPS status'),
+    'Latitude': t('Latitude'),
+    'Longitude': t('Longitude'),
+    'Mission name': t('Mission name'),
+    'Time': t('Time'),
+    'Date': t('Date'),
+    'Instantaneous power': t('Instantaneous power'),
+    // VeryGenericIndicator variables
+    'Cam Tilt': t('Cam Tilt'),
+    'Cam Pan': t('Cam Pan'),
+    'Pilot Gain': t('Pilot Gain'),
+    'Lights (1)': t('Lights (1)'),
+    'Lights (2)': t('Lights (2)'),
+    'Water Temp': t('Water Temp'),
+    'Tether Turns': t('Tether Turns'),
+    'Input Hold': t('Input Hold'),
+    'Roll Pitch': t('Roll Pitch'),
+    'Altitude': t('Altitude'),
+    'Speed (GPS)': t('Speed (GPS)'),
+  }
+  return mapping[variable] || variable
+}
+
 const { showDialog } = useInteractionDialog()
 
 const interfaceStore = useAppInterfaceStore()
@@ -630,15 +674,15 @@ type GridConfig = {
 }
 
 const gridConfig: GridConfig[] = [
-  { key: 'LeftTop', label: 'Left Top' },
-  { key: 'CenterTop', label: 'Center Top' },
-  { key: 'RightTop', label: 'Right Top' },
-  { key: 'LeftMid', label: 'Left Middle' },
-  { key: 'CenterMid', label: 'Center Middle' },
-  { key: 'RightMid', label: 'Right Middle' },
-  { key: 'LeftBottom', label: 'Left Bottom' },
-  { key: 'CenterBottom', label: 'Center Bottom' },
-  { key: 'RightBottom', label: 'Right Bottom' },
+  { key: 'LeftTop', label: t('Left Top') },
+  { key: 'CenterTop', label: t('Center Top') },
+  { key: 'RightTop', label: t('Right Top') },
+  { key: 'LeftMid', label: t('Left Mid') },
+  { key: 'CenterMid', label: t('Center Mid') },
+  { key: 'RightMid', label: t('Right Mid') },
+  { key: 'LeftBottom', label: t('Left Bottom') },
+  { key: 'CenterBottom', label: t('Center Bottom') },
+  { key: 'RightBottom', label: t('Right Bottom') },
 ]
 
 const getClassForConfig = computed(() => {
@@ -659,12 +703,13 @@ const getClassForConfig = computed(() => {
 
 const openHelpDialog = (): void => {
   showDialog({
-    title: 'Video Configuration Help',
+    title: t('Access video configuration to configure recording and streaming options.'),
     message: [
-      // eslint-disable-next-line vue/max-len
-      'On this screen, you can configure the telemetry data that will be displayed on the subtitle file for recorded videos. You can change the font size, color, and style, as well as the position of each variable on the screen. You can also add custom messages that will be displayed on the video player screen.',
-      'Drag and drop variables from the left panel to the desired position on the Telemetry Data Display.',
-      'For additional Help, refer to documentation or contact us.',
+      t(
+        'On this screen, you can configure the telemetry data that will be displayed on the subtitle file for recorded videos. You can change the font size, color, and style, as well as the position of each variable on the screen. You can also add custom messages that will be displayed on the video player screen.'
+      ),
+      t('Drag and drop variables from the left panel to the desired position on the Telemetry Data Display.'),
+      t('For additional Help, refer to documentation or contact us.'),
     ],
     variant: 'text-only',
     maxWidth: interfaceStore.isOnSmallScreen ? '80vw' : '60vw',
diff --git a/src/views/ConfigurationMAVLinkView.vue b/src/views/ConfigurationMAVLinkView.vue
index a2e3eb7cc6..a085d90288 100644
--- a/src/views/ConfigurationMAVLinkView.vue
+++ b/src/views/ConfigurationMAVLinkView.vue
@@ -1,23 +1,30 @@
-<template>
+<template>
   <BaseConfigurationView>
-    <template #title>MAVLink configuration</template>
+    <template #title>{{ $t('MAVLink configuration') }}</template>
     <template #content>
       <div class="max-h-[80vh] w-[730px] overflow-y-auto pr-3">
         <ExpansiblePanel no-top-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>DataLake variables creation</template>
+          <template #title>{{ $t('DataLake variables creation') }}</template>
           <template #info>
             <ul class="list-disc pl-4 space-y-2">
               <li>
-                <strong>Variables from other systems:</strong> Enable creation of DataLake variables from MAVLink
-                messages originating from systems/components other than the main vehicle (System ID
-                {{ mainVehicleStore.mainVehicle?.systemId }}, Component ID 1). When enabled, variables from all MAVLink
-                systems on the network will be available in the DataLake.
+                <strong>{{ $t('Variables from other systems') }}:</strong>
+                {{
+                  $t(
+                    'Enable the creation of DataLake variables from MAVLink messages originating from systems/components other than the main vehicle (System ID {systemId}, Component ID 1). When enabled, variables from all MAVLink systems on the network will be available in the DataLake.',
+                    {
+                      systemId: mainVehicleStore.mainVehicle?.systemId,
+                    }
+                  )
+                }}
               </li>
               <li>
-                <strong>Legacy variable names:</strong> Creates duplicate variables with the old naming format for
-                backward compatibility. Enabled by default - users with old devices may want to disable this to improve
-                performance. If disabled, you will need to manually replace the usage of legacy variables with the new
-                ones in your widgets (e.g.: VGI, Plotter) and scripts (e.g.: DataLake Transforming functions).
+                <strong>{{ $t('Legacy variable names') }}:</strong>
+                {{
+                  $t(
+                    'Create duplicate variables with the old naming format for backwards compatibility. Enabled by default - users with older setups may want to disable this for performance. If disabled, you will need to manually replace usages of the legacy variables with the new ones in mini-widgets (e.g.: VGI, Plotter) and scripts (e.g.: DataLake transformation functions).'
+                  )
+                }}
               </li>
             </ul>
           </template>
@@ -26,25 +33,27 @@
               <v-switch
                 v-model="mainVehicleStore.enableDatalakeVariablesFromOtherSystems"
                 color="white"
-                label="Enable DataLake variables from other systems"
+                :label="$t('Enable DataLake variables from other systems')"
                 hide-details
               />
               <v-switch
                 v-model="mainVehicleStore.enableLegacyDataLakeVariableNames"
                 color="white"
-                label="Enable legacy variable names (e.g., 'ATTITUDE/roll')"
+                :label="legacyVariableNamesLabel"
                 hide-details
               />
             </div>
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Message intervals</template>
+          <template #title>{{ $t('Message intervals') }}</template>
           <template #info>
             <p>
-              Configure the frequency at which each MAVLink message is requested from the vehicle. Higher frequencies
-              provide more responsive data but increase the load on the network and in the vehicle's CPU. If the message
-              is not already configured, you can add it to the interval configuration with the forms in the bottom.
+              {{
+                $t(
+                  "Configure the frequency at which each MAVLink message is requested from the vehicle. Higher frequencies provide more responsive data but increase the load on the network and in the vehicle's CPU. If the message is not already configured, you can add it to the interval configuration with the forms in the bottom."
+                )
+              }}
             </p>
           </template>
           <template #content>
@@ -53,7 +62,7 @@
                 <div class="flex flex-row justify-between items-center w-full mb-1">
                   <v-text-field
                     v-model="searchTerm"
-                    placeholder="Search messages"
+                    :placeholder="$t('Search messages')"
                     variant="plain"
                     density="compact"
                     hide-details
@@ -72,7 +81,7 @@
                     </template>
                   </v-text-field>
                   <v-btn size="small" variant="text" class="ml-4" @click="resetToCockpitDefault">
-                    Reset intervals to Cockpit defaults
+                    {{ $t('Reset intervals to Cockpit defaults') }}
                   </v-btn>
                 </div>
                 <v-data-table
@@ -93,12 +102,7 @@
                         <div class="flex flex items-center justify-between">
                           <v-select
                             v-model="item.intervalType"
-                            :items="[
-                              { title: 'Vehicle default', value: 'default' },
-                              { title: 'Disabled', value: 'disabled' },
-                              { title: 'Custom', value: 'custom' },
-                              { title: 'Don\'t touch', value: 'dontTouch' },
-                            ]"
+                            :items="intervalTypeOptions"
                             density="compact"
                             variant="outlined"
                             hide-details
@@ -150,12 +154,12 @@
                 theme="dark"
                 :style="interfaceStore.globalGlassMenuStyles"
               >
-                <span class="text-sm text-gray-200 mb-3">Set the interval for a new message</span>
+                <span class="text-sm text-gray-200 mb-3">{{ $t('Set the interval for a new message') }}</span>
                 <div class="flex flex-row items-center justify-between mb-2">
                   <v-select
                     v-model="newMessageType"
                     :items="availableMessageTypes"
-                    label="Message Type"
+                    :label="$t('Message Type')"
                     density="compact"
                     variant="outlined"
                     hide-details
@@ -163,13 +167,8 @@
                   />
                   <v-select
                     v-model="newIntervalType"
-                    :items="[
-                      { title: 'Vehicle default', value: 'default' },
-                      { title: 'Disabled', value: 'disabled' },
-                      { title: 'Custom', value: 'custom' },
-                      { title: 'Don\'t touch', value: 'dontTouch' },
-                    ]"
-                    label="Interval Type"
+                    :items="intervalTypeOptions"
+                    :label="$t('Interval Type')"
                     density="compact"
                     variant="outlined"
                     hide-details
@@ -215,7 +214,7 @@
                   :disabled="!newMessageType || !newIntervalType"
                   @click="addNewMessageInterval"
                 >
-                  Add new message
+                  {{ $t('Add new message') }}
                 </v-btn>
               </v-card>
             </div>
@@ -228,6 +227,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import ExpansiblePanel from '@/components/ExpansiblePanel.vue'
 import { MAVLinkType } from '@/libs/connection/m2r/messages/mavlink2rest-enum'
@@ -237,8 +237,16 @@ import { useMainVehicleStore } from '@/stores/mainVehicle'
 
 import BaseConfigurationView from './BaseConfigurationView.vue'
 
+const { t: $t } = useI18n()
 const interfaceStore = useAppInterfaceStore()
 const mainVehicleStore = useMainVehicleStore()
+const legacyVariableNamesLabel = $t("enable legacy variable names (e.g., 'ATTITUDE/roll')")
+const intervalTypeOptions = computed(() => [
+  { title: $t('Vehicle default'), value: 'default' },
+  { title: $t('Disabled'), value: 'disabled' },
+  { title: $t('Custom'), value: 'custom' },
+  { title: $t("Don't touch"), value: 'dontTouch' },
+])
 const searchTerm = ref('')
 
 // New message interval variables
@@ -247,8 +255,8 @@ const newIntervalType = ref<'default' | 'disabled' | 'custom' | 'dontTouch'>('de
 const newFrequency = ref(1)
 
 const headers = [
-  { title: 'Message', key: 'name', align: 'start' },
-  { title: 'Configuration', key: 'configuration', align: 'center' },
+  { title: $t('Message'), key: 'name', align: 'start' },
+  { title: $t('Configuration'), key: 'configuration', align: 'center' },
 ]
 
 // Convert message intervals to table items
diff --git a/src/views/ConfigurationMissionView.vue b/src/views/ConfigurationMissionView.vue
index 010ebcc360..2828163985 100644
--- a/src/views/ConfigurationMissionView.vue
+++ b/src/views/ConfigurationMissionView.vue
@@ -1,6 +1,6 @@
-<template>
+<template>
   <BaseConfigurationView>
-    <template #title>Mission configuration</template>
+    <template #title>{{ $t('Mission configuration') }}</template>
     <template #content>
       <div
         class="flex flex-col justify-between items-start ml-[1vw] max-h-[85vh] overflow-y-auto"
@@ -9,7 +9,7 @@
         <div class="grid grid-cols-3 gap-x-4 mb-4">
           <v-switch
             v-model="missionStore.showChecklistBeforeArm"
-            label="Enable pre-arm checklist"
+            :label="$t('Enable pre-arm checklist')"
             color="white"
             hide-details
             base-color="#FFFFFF33"
@@ -17,7 +17,7 @@
           />
           <v-switch
             v-model="missionStore.slideEventsEnabled"
-            label="Enable slide to confirm"
+            :label="$t('Enable slide to confirm')"
             color="white"
             hide-details
             base-color="#FFFFFF33"
@@ -25,7 +25,7 @@
           />
           <v-switch
             v-model="missionStore.alwaysSwitchToFlightMode"
-            label="Auto switch to flight mode on mission upload"
+            :label="$t('Auto switch to flight mode on mission upload')"
             color="white"
             hide-details
             base-color="#FFFFFF33"
@@ -33,7 +33,7 @@
           />
           <v-switch
             v-model="missionStore.showMissionCreationTips"
-            label="Show mission creation checklist"
+            :label="$t('Show mission creation checklist')"
             color="white"
             hide-details
             base-color="#FFFFFF33"
@@ -41,7 +41,7 @@
           />
           <v-switch
             v-model="missionStore.showGridOnMissionPlanning"
-            label="Show coordinate grid on maps"
+            :label="$t('Show coordinate grid on maps')"
             color="white"
             hide-details
             base-color="#FFFFFF33"
@@ -49,7 +49,7 @@
           />
           <v-switch
             v-model="missionStore.showMissionEstimates"
-            label="Show mission estimates panel"
+            :label="$t('Show mission estimates panel')"
             color="white"
             hide-details
             base-color="#FFFFFF33"
@@ -57,9 +57,9 @@
           />
         </div>
         <ExpansiblePanel no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Enable confirmation on specific categories:</template>
+          <template #title>{{ $t('Enable confirmation on specific categories:') }}</template>
           <template #info>
-            Add an extra confirmation step for UI elements that can trigger mission critical actions.
+            {{ $t('Add an extra confirmation step for UI elements that can trigger mission critical actions.') }}
           </template>
           <template #content>
             <div class="flex flex-wrap items-center justify-start">
@@ -72,7 +72,7 @@
                 <v-checkbox
                   v-model="missionStore.slideEventsCategoriesRequired[category]"
                   :disabled="!missionStore.slideEventsEnabled"
-                  :label="category"
+                  :label="translateEventCategory(category)"
                   hide-details
                 ></v-checkbox>
               </div>
@@ -81,24 +81,27 @@
         </ExpansiblePanel>
 
         <ExpansiblePanel no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Map options</template>
+          <template #title>{{ $t('Map options') }}</template>
           <template #info>
-            <strong>Default map position:</strong> Defines the initial center and zoom level for the map. <br />
-            <strong>Max. vehicle position update rate:</strong> Limits how often the vehicle's position is updated on
-            the map to reduce CPU usage. <br />
-            <strong>Map tile provider:</strong> Sets which tile layer is used when the dashboard map and mission
-            planning view open. Choose <em>Use last selected</em> to keep the provider last picked from the map's layer
-            control, or pick a specific provider to always open with it.
-            <strong>Unavailable-tile background:</strong> When satellite imagery is missing (e.g. offshore at high
-            zoom), tiles are replaced with a procedural noise pattern sampled by lat/lon so vehicle motion remains
-            trackable. Customize the base color, texture intensity, and noise seed below.
+            <strong>{{ $t('Default map position:') }}</strong>
+            {{ $t('Defines the initial center and zoom level for the map.') }} <br />
+            <strong>{{ $t('Max. vehicle position update rate:') }}</strong>
+            {{ $t("Limits how often the vehicle's position is updated on the map to reduce CPU usage.") }} <br />
+            <strong>{{ $t('Map tile provider:') }}</strong>
+            {{
+              $t(
+                "Sets which tile layer is used when the dashboard map and mission planning view open. Choose 'Use last selected' to keep the provider last picked from the map's layer control, or pick a specific provider to always open with it."
+              )
+            }}
+            <strong>{{ $t('Unavailable-tile background:') }}</strong>
+            {{ $t("When satellite imagery is missing (e.g. offshore at high zoom), tiles are replaced with a procedural noise pattern sampled by lat/lon so vehicle motion remains trackable. Customize the base color, texture intensity, and noise seed below.") }}
           </template>
           <template #content>
             <div class="flex flex-wrap gap-4 px-4 pb-4">
-              <p class="w-full text-md">Default map position</p>
+              <p class="w-full text-md">{{ $t('Default map position') }}</p>
               <div class="flex w-[70%] justify-around items-center">
                 <div class="flex flex-col max-w-[9rem]">
-                  <p class="text-sm text-slate-200 mb-2">Latitude</p>
+                  <p class="text-sm text-slate-200 mb-2">{{ $t('Latitude') }}</p>
                   <input
                     v-model.number="defaultMapCenter[0]"
                     type="number"
@@ -107,7 +110,9 @@
                   />
                 </div>
                 <div class="flex flex-col max-w-[9rem]">
-                  <p class="text-sm text-slate-200 mb-2 ml-4">Longitude</p>
+                  <p class="text-sm text-slate-200 mb-2 ml-4">
+                    {{ $t('Longitude') }}
+                  </p>
                   <input
                     v-model.number="defaultMapCenter[1]"
                     type="number"
@@ -116,7 +121,9 @@
                   />
                 </div>
                 <div class="flex flex-col max-w-[9rem]">
-                  <p class="text-sm text-slate-200 mb-2 ml-4">Zoom Level (1-19)</p>
+                  <p class="text-sm text-slate-200 mb-2 ml-4">
+                    {{ $t('Zoom Level (1-19)') }}
+                  </p>
                   <input
                     v-model.number="defaultMapZoom"
                     type="number"
@@ -126,12 +133,14 @@
                   />
                 </div>
                 <div class="flex-grow-1" />
-                <v-btn class="mt-7 bg-[#FFFFFF22]" variant="plain" size="small" @click="saveMapPosition">Save</v-btn>
+                <v-btn class="mt-7 bg-[#FFFFFF22]" variant="plain" size="small" @click="saveMapPosition">{{
+                  $t('Save')
+                }}</v-btn>
               </div>
               <v-divider class="mb-4 mt-1 opacity-5" />
               <div class="flex w-full items-center -mt-4 gap-4">
                 <div class="flex w-1/2 items-center justify-start pr-2">
-                  <p class="text-md">Max. vehicle position update rate</p>
+                  <p class="text-md">{{ $t('Max. vehicle position update rate') }}</p>
                   <div class="flex items-center">
                     <input
                       v-model.number="vehicleStore.vehiclePositionMaxSampleRate"
@@ -139,11 +148,11 @@
                       min="0"
                       class="px-2 py-1 w-[80px] rounded-sm bg-[#FFFFFF22] ml-4"
                     />
-                    <p class="ml-2">ms</p>
+                    <p class="ml-2">{{ $t('ms') }}</p>
                   </div>
                 </div>
                 <div class="flex w-1/2 items-center justify-between pl-2">
-                  <p class="text-md mr-4">Default map tile provider</p>
+                  <p class="text-md mr-4">{{ $t('Default map tile provider') }}</p>
                   <v-select
                     v-model="missionStore.defaultMapTileProvider"
                     :items="mapTileProviderOptions"
@@ -210,25 +219,28 @@
         </ExpansiblePanel>
 
         <ExpansiblePanel no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Vehicle options</template>
+          <template #title>{{ $t('Vehicle options') }}</template>
           <template #info>
-            <strong>Max. path points:</strong> Once the limit is reached, the last third of the mission trail will be
-            simplified. Keep this value reasonable — larger histories use more memory and may affect performance over
-            long missions, specially when using DVL or RTK positioning data.
+            <strong>{{ $t('Max. path points:') }}</strong>
+            {{
+              $t(
+                'Once the limit is reached, the last third of the mission trail will be simplified. Keep this value reasonable — larger histories use more memory and may affect performance over long missions, specially when using DVL or RTK positioning data.'
+              )
+            }}
           </template>
           <template #content>
             <div class="flex flex-col gap-y-3 px-4 pb-4 pt-2">
               <div class="flex items-center gap-x-16">
                 <v-switch
                   v-model="missionStore.isVehiclePositionHistoryPersistent"
-                  label="Make vehicle history line persistent"
+                  :label="$t('Make vehicle history line persistent')"
                   color="white"
                   hide-details
                   base-color="#FFFFFF33"
                   class="-my-1"
                 />
                 <div class="flex items-center gap-x-2 ml-4">
-                  <span class="text-white text-sm whitespace-nowrap">Max. path points</span>
+                  <span class="text-white text-sm whitespace-nowrap">{{ $t('Max. path points') }}</span>
                   <input
                     v-model.number="missionStore.maxPositionHistorySize"
                     type="number"
@@ -257,6 +269,7 @@
 
 <script setup lang="ts">
 import { ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import ExpansiblePanel from '@/components/ExpansiblePanel.vue'
 import { EventCategory } from '@/libs/slide-to-confirm'
@@ -267,12 +280,25 @@ import type { MapTileProviderPreference, WaypointCoordinates } from '@/types/mis
 
 import BaseConfigurationView from './BaseConfigurationView.vue'
 
+const { t } = useI18n()
 const missionStore = useMissionStore()
 const interfaceStore = useAppInterfaceStore()
 const vehicleStore = useMainVehicleStore()
 
 const mapTileProviderOptions: MapTileProviderPreference[] = ['Use last selected', 'OpenStreetMap', 'Esri World Imagery']
 
+const translateEventCategory = (category: string): string => {
+  const mapping: Record<string, string> = {
+    Arm: t('Arm'),
+    Disarm: t('Disarm'),
+    Takeoff: t('Takeoff'),
+    'Altitude Change': t('Altitude Change'),
+    Land: t('Land'),
+    Goto: t('Goto'),
+  }
+  return mapping[category] || category
+}
+
 // Create local reactive copies of the map settings
 const defaultMapCenter = ref<WaypointCoordinates>([...missionStore.defaultMapCenter])
 const defaultMapZoom = ref(missionStore.defaultMapZoom)
diff --git a/src/views/ConfigurationUIView.vue b/src/views/ConfigurationUIView.vue
index fe4d517f65..f48966ff0d 100644
--- a/src/views/ConfigurationUIView.vue
+++ b/src/views/ConfigurationUIView.vue
@@ -1,10 +1,10 @@
-<template>
+<template>
   <BaseConfigurationView>
-    <template #title>Interface configuration</template>
+    <template #title>{{ $t('User Interface') }}</template>
     <template #content>
       <div class="max-h-[85vh] overflow-y-auto">
         <ExpansiblePanel no-top-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Window material</template>
+          <template #title>{{ $t('Window Material') }}</template>
           <template #content>
             <div class="flex w-full">
               <div class="flex flex-col w-full px-4 pt-5">
@@ -19,7 +19,7 @@
                     >
                       <template #activator="{ props }">
                         <div v-bind="props" class="flex cursor-pointer gap-x-[30px]">
-                          <span class="text-start mt-[2px]">Glass color</span>
+                          <span class="text-start mt-[2px]">{{ $t('Glass color') }}</span>
                           <div
                             class="w-[30px] h-[30px] border-2 border-slate-600 rounded-lg cursor-pointer"
                             :style="{ backgroundColor: interfaceStore.UIGlassEffect.bgColor }"
@@ -46,7 +46,7 @@
                     >
                       <template #activator="{ props }">
                         <div v-bind="props" class="flex gap-x-[30px]">
-                          <span class="text-start mt-[2px]">Font color</span>
+                          <span class="text-start mt-[2px]">{{ $t('Font color') }}</span>
                           <div
                             v-bind="props"
                             class="w-[30px] h-[30px] border-2 border-slate-600 rounded-lg"
@@ -63,10 +63,10 @@
                       /></v-card>
                     </v-menu>
                   </div>
-                  <v-btn variant="text" size="small" @click="resetColorsToDefault">Reset to defaults</v-btn>
+                  <v-btn variant="text" size="small" @click="resetColorsToDefault">{{ $t('Reset to defaults') }}</v-btn>
                 </div>
                 <div class="flex w-full">
-                  <div class="flex w-[33%] mt-[2px]">Opacity</div>
+                  <div class="flex w-[33%] mt-[2px]">{{ $t('Opacity') }}</div>
                   <div class="flex w-[66%]">
                     <v-slider
                       :model-value="parseInt(interfaceStore.UIGlassEffect.bgColor.slice(-2), 16) / 255"
@@ -80,7 +80,7 @@
                   </div>
                 </div>
                 <div class="flex w-full">
-                  <div class="flex w-[33%] mt-[2px]">Blur</div>
+                  <div class="flex w-[33%] mt-[2px]">{{ $t('Blur') }}</div>
                   <div class="flex w-[66%]">
                     <v-slider
                       v-model="interfaceStore.UIGlassEffect.blur"
@@ -97,16 +97,16 @@
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel no-bottom-divider no-top-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Menu</template>
+          <template #title>{{ $t('Menu') }}</template>
           <template #content>
             <div class="flex w-full">
               <div class="flex flex-col w-full px-4 pt-5">
                 <div class="flex flex-row justify-start items-center w-full mb-[35px]">
-                  <div class="flex w-[33%]">Main menu trigger position</div>
+                  <div class="flex w-[33%]">{{ $t('Main menu trigger position') }}</div>
                   <div class="flex w-[66%]">
                     <v-radio-group v-model="interfaceStore.mainMenuStyleTrigger" inline hide-details>
-                      <v-radio label="Center-left tab" value="center-left" />
-                      <v-radio label="Top bar button" value="burger" class="ml-6" />
+                      <v-radio :label="$t('Center-left tab')" value="center-left" />
+                      <v-radio :label="$t('Top bar button')" value="burger" class="ml-6" />
                     </v-radio-group>
                   </div>
                 </div>
@@ -115,23 +115,16 @@
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Display units</template>
+          <template #title>{{ $t('Display Units') }}</template>
           <template #content>
             <div class="flex w-full">
               <div class="flex flex-col w-full px-4 pt-5">
                 <div class="flex flex-row justify-start items-center w-full mb-[35px]">
-                  <div class="flex w-[33%]">Distance</div>
+                  <div class="flex w-[33%]">{{ $t('Distance') }}</div>
                   <div class="flex w-[66%]">
                     <v-radio-group v-model="interfaceStore.displayUnitPreferences.distance" inline hide-details>
-                      <v-radio
-                        :label="unitPrettyName[DistanceDisplayUnit.Meters]"
-                        :value="DistanceDisplayUnit.Meters"
-                      />
-                      <v-radio
-                        :label="unitPrettyName[DistanceDisplayUnit.Feet]"
-                        :value="DistanceDisplayUnit.Feet"
-                        class="ml-6"
-                      />
+                      <v-radio :label="$t('Meters')" :value="DistanceDisplayUnit.Meters" />
+                      <v-radio :label="$t('Feet')" :value="DistanceDisplayUnit.Feet" class="ml-6" />
                     </v-radio-group>
                   </div>
                 </div>
@@ -147,7 +140,7 @@
 <script setup lang="ts">
 import { defaultUIGlassColor } from '@/assets/defaults'
 import ExpansiblePanel from '@/components/ExpansiblePanel.vue'
-import { DistanceDisplayUnit, unitPrettyName } from '@/libs/units'
+import { DistanceDisplayUnit } from '@/libs/units'
 import { useAppInterfaceStore } from '@/stores/appInterface'
 
 import BaseConfigurationView from './BaseConfigurationView.vue'
diff --git a/src/views/ConfigurationVideoView.vue b/src/views/ConfigurationVideoView.vue
index 995b9d4e93..d06453c285 100644
--- a/src/views/ConfigurationVideoView.vue
+++ b/src/views/ConfigurationVideoView.vue
@@ -1,16 +1,17 @@
-<template>
+<template>
   <BaseConfigurationView>
     <template #help-icon> </template>
-    <template #title>Video configuration</template>
+    <template #title>{{ $t('Video configuration') }}</template>
     <template #content>
       <div class="flex-col h-full ml-[1vw] w-[920px] max-h-[85vh] overflow-y-auto pr-3">
         <ExpansiblePanel no-top-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Streams mapping</template>
+          <template #title>{{ $t('Streams mapping') }}</template>
           <template #info>
-            Here you can map your external video streams to internal names and manage ignored streams. Active streams
-            allow you to easily switch between different video sources in Cockpit. The widgets will be connected to the
-            internal names, and the external video stream will be mapped to the internal name. Ignored streams (shown
-            with "--" as internal name) can be restored by clicking the restore button.
+            {{
+              $t(
+                'Here you can map your external video streams to internal names and manage ignored streams. Active streams allow you to easily switch between different video sources in Cockpit.'
+              )
+            }}
           </template>
           <template #content>
             <div class="flex justify-center flex-col w-full ml-2 mt-2">
@@ -24,25 +25,25 @@
                 <template #headers>
                   <tr>
                     <th class="text-center">
-                      <p class="text-[16px] font-bold">Internal name</p>
+                      <p class="text-[16px] font-bold">{{ $t('Internal name') }}</p>
                     </th>
                     <th class="text-center">
-                      <p class="text-[16px] font-bold">External name</p>
+                      <p class="text-[16px] font-bold">{{ $t('External name') }}</p>
                     </th>
                     <th class="text-center">
-                      <p class="text-[16px] font-bold">Type</p>
+                      <p class="text-[16px] font-bold">{{ $t('Type') }}</p>
                     </th>
                     <th class="text-center">
-                      <p class="text-[16px] font-bold">Video source</p>
+                      <p class="text-[16px] font-bold">{{ $t('Video source') }}</p>
                     </th>
                     <th class="text-center">
-                      <p class="text-[16px] font-bold">Resolution</p>
+                      <p class="text-[16px] font-bold">{{ $t('Resolution') }}</p>
                     </th>
                     <th class="text-center">
-                      <p class="text-[16px] font-bold">Status</p>
+                      <p class="text-[16px] font-bold">{{ $t('Status') }}</p>
                     </th>
                     <th class="text-center">
-                      <p class="text-[16px] font-bold">Actions</p>
+                      <p class="text-[16px] font-bold">{{ $t('Actions') }}</p>
                     </th>
                   </tr>
                 </template>
@@ -143,22 +144,31 @@
                   </tr>
                 </template>
                 <template #no-data>
-                  <div class="text-gray-400 py-4 w-[200px] text-end">No available streams found.</div>
+                  <div class="text-gray-400 py-4 w-[200px] text-end">
+                    {{ $t('No available streams found.') }}
+                  </div>
                 </template>
                 <template #bottom></template>
               </v-data-table>
               <div class="flex items-center justify-start">
-                <v-checkbox v-model="showIgnoredStreams" label="Show ignored streams" hide-details class="text-sm" />
+                <v-checkbox
+                  v-model="showIgnoredStreams"
+                  :label="$t('Show ignored streams')"
+                  hide-details
+                  class="text-sm"
+                />
                 <span v-if="ignoredStreamExternalIds.length > 0" class="text-gray-400 text-sm ml-2">
                   ({{ ignoredStreamExternalIds.length }} ignored)
                 </span>
               </div>
               <div v-if="isElectron()" class="mt-4 mr-2 mb-2 w-[95%]">
-                <div class="text-sm text-gray-300 mb-2">Add direct RTSP stream (Standalone)</div>
+                <div class="text-sm text-gray-300 mb-2">
+                  {{ $t('Add direct RTSP stream (Standalone)') }}
+                </div>
                 <div class="flex items-end gap-2 w-full">
                   <v-text-field
                     v-model="rtspUrlInput"
-                    label="RTSP URL"
+                    :label="$t('RTSP URL')"
                     density="compact"
                     variant="outlined"
                     class="flex-1 min-w-0"
@@ -166,7 +176,7 @@
                     @keyup.enter="addRtspStream"
                     @input="rtspInputError = ''"
                   />
-                  <v-btn variant="text" class="shrink-0 mb-[3px]" @click="addRtspStream">Add</v-btn>
+                  <v-btn variant="text" class="shrink-0 mb-[3px]" @click="addRtspStream">{{ $t('Add') }}</v-btn>
                 </div>
                 <div v-if="rtspInputError" class="text-red-300 text-sm mt-2">
                   {{ rtspInputError }}
@@ -176,11 +186,13 @@
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel no-top-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Allowed WebRTC remote IP Addresses</template>
+          <template #title>{{ $t('Allowed WebRTC remote IP Addresses') }}</template>
           <template #info>
-            Select the IP addresses to allow connecting to for WebRTC video streaming. For best performance it is
-            recommended to only use the most reliable interfaces - e.g. avoid wireless interfaces if there is a
-            tethered/wired interface available. If no value is specified, all available routes are allowed.
+            {{
+              $t(
+                'Select the IP addresses to allow connecting to for WebRTC video streaming. For best performance it is recommended to only use the most reliable interfaces - e.g. avoid wireless interfaces if there is a tethered/wired interface available. If no value is specified, all available routes are allowed.'
+              )
+            }}
           </template>
           <template #content>
             <div class="flex justify-center flex-col w-[90%] ml-2">
@@ -188,7 +200,7 @@
                 v-model="allowedIceIps"
                 multiple
                 :items="availableIceIps"
-                label="Allowed WebRTC remote IP Addresses"
+                :label="$t('Allowed WebRTC remote IP Addresses')"
                 class="uri-input"
                 variant="outlined"
                 chips
@@ -199,7 +211,7 @@
               />
               <v-checkbox
                 v-model="videoStore.enableAutoIceIpFetch"
-                label="Enable auto-retrieval of allowed IP addresses"
+                :label="$t('Enable auto-retrieval of allowed IP addresses')"
                 hide-details
                 class="mb-2"
               />
@@ -207,16 +219,13 @@
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Allowed WebRTC protocols:</template>
+          <template #title>{{ $t('Allowed WebRTC protocols:') }}</template>
           <template #info>
-            <li>
-              Video stream quality may be enhanced by enforcing a protocol that is well-suited to the available network
-              infrastructure.
-            </li>
-            <li>
-              UDP can be lower latency but may drop frames, while TCP enforces frame ordering at the cost of some
-              increased latency and jitter.
-            </li>
+            {{
+              $t(
+                'Video stream quality may be enhanced by enforcing a protocol that is well-suited to the available network infrastructure. UDP can be lower latency but may drop frames, while TCP enforces frame ordering at the cost of some increased latency and jitter.'
+              )
+            }}
           </template>
           <template #content>
             <div class="flex items-center justify-start">
@@ -235,16 +244,13 @@
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>RTP Jitter Buffer (Target) duration:</template>
+          <template #title>{{ $t('RTP Jitter Buffer (Target) duration:') }}</template>
           <template #info>
-            <li>
-              Increasing the buffer duration causes additional video latency, but can help to compensate for network
-              jitter and provide more consistent frame timing in the display.
-            </li>
-            <li>
-              Cockpit's default is zero milliseconds, but you can set a custom value, or leave the field empty to use
-              your browser's default.
-            </li>
+            {{
+              $t(
+                "Increasing the buffer duration causes additional video latency, but can help to compensate for network jitter and provide more consistent frame timing in the display. Cockpit's default is zero milliseconds, but you can set a custom value, or leave the field empty to use your browser's default."
+              )
+            }}
           </template>
           <template #content>
             <div class="flex items-center justify-start w-[50%] ml-2">
@@ -261,27 +267,30 @@
                 :rules="jitterBufferTargetRules"
                 @input="handleJitterBufferTargetInput"
               />
-              <a class="ml-3">ms</a>
+              <a class="ml-3">{{ $t('ms') }}</a>
             </div>
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Video library options:</template>
+          <template #title>{{ $t('Video library options:') }}</template>
           <template #info>
-            <li>
-              Configure live video processing to process videos in real-time during recording for instant availability
-              when recording stops. This is only available in the Electron (desktop) version.
-            </li>
-            <li>
-              Choose whether to save backup raw chunks alongside the final video file. This provides safety for video
-              reconstruction if something goes wrong, but uses approximately double the storage space.
-            </li>
-            <li>
-              Select whether video and subtitle files should be bundled together in a ZIP archive, or downloaded
-              individually. Zipping allows a single download of a group of files, but requires waiting for the files to
-              get zipped together. Depending on file sizes, the zipping process may complete within seconds or could
-              take minutes.
-            </li>
+            {{
+              $t(
+                'Configure live video processing to process videos in real-time during recording for instant availability when recording stops. This is only available in the Electron (desktop) version.'
+              )
+            }}
+            <br /><br />
+            {{
+              $t(
+                'Choose whether to save backup raw chunks alongside the final video file. This provides safety for video reconstruction if something goes wrong, but uses approximately double the storage space.'
+              )
+            }}
+            <br /><br />
+            {{
+              $t(
+                'Select whether video and subtitle files should be bundled together in a ZIP archive, or downloaded individually. Zipping allows a single download of a group of files, but requires waiting for the files to get zipped together. Depending on file sizes, the zipping process may complete within seconds or could take minutes.'
+              )
+            }}
           </template>
           <template #content>
             <div class="flex items-center justify-end w-[96%] ml-2 mb-4">
@@ -294,7 +303,7 @@
                     </v-icon></v-badge
                   >
                 </template>
-                Video Library
+                {{ $t('Video Library') }}
               </v-btn>
             </div>
             <!-- Browser Environment Notice -->
@@ -302,10 +311,15 @@
               <div class="flex items-start gap-3">
                 <v-icon color="amber" class="mt-1">mdi-information</v-icon>
                 <div>
-                  <h4 class="text-amber-200 font-medium mb-2">Browser Version</h4>
+                  <h4 class="text-amber-200 font-medium mb-2">
+                    {{ $t('Browser Version') }}
+                  </h4>
                   <p class="text-amber-100 text-sm">
-                    Video processing is not available in the browser version. Your recordings will be saved as raw
-                    chunks that can be downloaded and processed using the standalone version of Cockpit.
+                    {{
+                      $t(
+                        'Video processing is not available in the browser version. Your recordings will be saved as raw chunks that can be downloaded and processed using the standalone version of Cockpit.'
+                      )
+                    }}
                   </p>
                 </div>
               </div>
@@ -314,7 +328,7 @@
             <div class="flex items-center justify-start w-[96%] ml-2">
               <v-checkbox
                 v-model="videoStore.enableLiveProcessing"
-                label="Live video processing (Electron)"
+                :label="$t('Live video processing (Electron)')"
                 class="text-sm mx-2"
                 hide-details
                 :disabled="!isElectron()"
@@ -322,8 +336,8 @@
               <v-tooltip
                 :text="
                   isElectron()
-                    ? 'Process videos in real-time during recording for instant availability when recording stops'
-                    : 'Live video processing is only available in the standalone version'
+                    ? $t('Process videos in real-time during recording for instant availability when recording stops')
+                    : $t('Live video processing is only available in the standalone version')
                 "
               >
                 <template #activator="{ props }">
@@ -335,7 +349,7 @@
             <div class="flex items-center justify-start w-[96%] ml-2">
               <v-checkbox
                 v-model="videoStore.keepRawVideoChunksAsBackup"
-                label="Save backup raw chunks"
+                :label="$t('Save backup raw chunks')"
                 class="text-sm mx-2"
                 :disabled="!isElectron()"
                 hide-details
@@ -345,26 +359,40 @@
                   <v-icon v-bind="props" class="ml-2 text-slate-400">mdi-information-outline</v-icon>
                 </template>
                 <div class="text-sm">
-                  <p class="mb-2">Save the raw video chunks alongside the final video file for backup purposes.</p>
                   <p class="mb-2">
-                    <strong>Enabled:</strong> Raw chunks are preserved after recording. Videos use ~2x storage space but
-                    provide safety for reconstruction if the final video is corrupted.
+                    {{ $t('Save the raw video chunks alongside the final video file for backup purposes.') }}
+                  </p>
+                  <p class="mb-2">
+                    {{
+                      $t(
+                        'Enabled: Raw chunks are preserved after recording. Videos use ~2x storage space but provide safety for reconstruction if the final video is corrupted.'
+                      )
+                    }}
                   </p>
                   <p>
-                    <strong>Disabled:</strong> Raw chunks are automatically deleted after successful processing, using
-                    minimal storage space.
+                    {{
+                      $t(
+                        'Disabled: Raw chunks are automatically deleted after successful processing, using minimal storage space.'
+                      )
+                    }}
+                  </p>
+                  <p class="mt-2 text-gray-300">
+                    {{
+                      $t(
+                        'You can always manually clean up backup chunks later using the "Temporary" tab in the Video Library.'
+                      )
+                    }}
                   </p>
                   <p class="mt-2 text-gray-300">
-                    You can always manually clean up backup chunks later using the "Temporary" tab in the Video Library.
+                    {{ $t('For the browser version the chunks are always saved by default.') }}
                   </p>
-                  <p class="mt-2 text-gray-300">For the browser version the chunks are always saved by default.</p>
                 </div>
               </v-tooltip>
             </div>
             <div class="flex items-center justify-start w-[50%] ml-2">
               <v-checkbox
                 v-model="snapshotStore.zipMultipleFiles"
-                label="Zip multiple files"
+                :label="$t('Zip multiple files')"
                 class="text-sm mx-2"
                 hide-details
               />
@@ -378,23 +406,23 @@
   <!-- Edit Stream Name Dialog -->
   <InteractionDialog
     v-model:show-dialog="showEditDialog"
-    title="Edit stream"
+    :title="$t('Edit stream')"
     variant="text-only"
     :persistent="true"
     :actions="[
-      { text: 'Cancel', size: 'small', action: cancelEditDialog },
-      { text: 'Save', size: 'small', disabled: !newStreamName.trim(), action: saveStreamNameFromDialog },
+      { text: $t('Cancel'), size: 'small', action: cancelEditDialog },
+      { text: $t('Save'), size: 'small', disabled: !newStreamName.trim(), action: saveStreamNameFromDialog },
     ]"
   >
     <template #content>
       <div class="flex flex-col gap-6 px-4 mb-6">
         <div class="text-sm text-gray-400">
-          <span>External stream name: </span>
+          <span>{{ $t('External stream name') }}: </span>
           <span class="text-gray-200">{{ editingStream?.externalId }}</span>
         </div>
         <v-text-field
           v-model="newStreamName"
-          label="Internal stream name"
+          :label="$t('Internal stream name')"
           variant="outlined"
           density="compact"
           hide-details
@@ -415,30 +443,41 @@
   <!-- Unavailable Stream Confirmation Dialog -->
   <InteractionDialog
     v-model:show-dialog="showUnavailableStreamDialog"
-    title="Stream is not available"
+    :title="$t('Stream is not available')"
     variant="text-only"
     :persistent="true"
     max-width="520px"
     :actions="[
-      { text: 'KEEP IGNORED', size: 'small', action: closeUnavailableStreamDialog },
-      { text: 'DELETE PERMANENTLY', size: 'small', action: deleteStreamPermanently },
+      {
+        text: $t('KEEP IGNORED'),
+        size: 'small',
+        action: closeUnavailableStreamDialog,
+      },
+      {
+        text: $t('DELETE PERMANENTLY'),
+        size: 'small',
+        action: deleteStreamPermanently,
+      },
     ]"
   >
     <template #content>
       <div class="flex flex-col gap-4 px-4 mb-6">
         <p class="text-sm text-gray-300">
-          The stream <span class="text-gray-100 font-medium">'{{ unavailableStreamId }}'</span> you're trying to restore
-          is not available anymore.
+          {{ $t('The stream is not available anymore.').replace('{streamId}', `'${unavailableStreamId}'`) }}
         </p>
-        <p class="text-sm text-gray-300">You have two options:</p>
+        <p class="text-sm text-gray-300">{{ $t('You have two options:') }}</p>
         <ul class="text-sm text-gray-300 ml-4 space-y-1">
           <li>
-            • <strong>Keep it ignored:</strong> Maintain it in the ignored list so it won't be mapped automatically if
-            it becomes available again
+            ?{{
+              $t("Maintain it in the ignored list so it won't be mapped automatically if it becomes available again.")
+            }}
           </li>
           <li>
-            • <strong>Delete it permanently:</strong> Remove it from the ignored list, so if it becomes available again
-            it will be mapped automatically.
+            ?{{
+              $t(
+                'Remove it completely from the ignored list. If it becomes available in the future, it will be automatically mapped.'
+              )
+            }}
           </li>
         </ul>
       </div>
diff --git a/src/views/MissionPlanningView.vue b/src/views/MissionPlanningView.vue
index 0a9953fe77..c76e16fbd7 100644
--- a/src/views/MissionPlanningView.vue
+++ b/src/views/MissionPlanningView.vue
@@ -1,7 +1,7 @@
-<template>
+<template>
   <div class="mission-planning" :style="glassMenuCssVars">
     <div id="planningMap" ref="planningMap" class="relative" />
-    <v-tooltip location="top" text="Generate waypoints">
+    <v-tooltip location="top" :text="t('Generate waypoints')">
       <template #activator="{ props }">
         <div
           v-if="isCreatingSurvey && surveyPolygonVertexesPositions.length >= 3"
@@ -15,7 +15,7 @@
         </div>
       </template>
     </v-tooltip>
-    <v-tooltip location="top" text="Scan spacing">
+    <v-tooltip location="top" :text="t('Scan spacing')">
       <template #activator="{ props }">
         <div
           v-if="isCreatingSurvey && surveyPolygonVertexesPositions.length >= 3"
@@ -33,7 +33,7 @@
         </div>
       </template>
     </v-tooltip>
-    <v-tooltip location="top" text="Turnaround distance">
+    <v-tooltip location="top" :text="t('Turnaround distance')">
       <template #activator="{ props }">
         <div
           v-if="isCreatingSurvey && surveyPolygonVertexesPositions.length >= 3"
@@ -50,7 +50,7 @@
         </div>
       </template>
     </v-tooltip>
-    <v-tooltip location="top" text="Cruise speed">
+    <v-tooltip location="top" :text="t('Cruise speed')">
       <template #activator="{ props }">
         <div
           v-if="isCreatingSurvey && surveyPolygonVertexesPositions.length >= 3"
@@ -69,7 +69,7 @@
         </div>
       </template>
     </v-tooltip>
-    <v-tooltip location="top" text="Clear survey">
+    <v-tooltip location="top" :text="t('Clear survey')">
       <template #activator="{ props }">
         <div
           v-if="isCreatingSurvey && surveyPolygonVertexesPositions.length >= 3"
@@ -117,7 +117,7 @@
           class="h-auto py-2 px-2 m-2 font-medium text-md rounded-md elevation-1 bg-[#FFFFFF33] hover:bg-[#FFFFFF44] transition-colors duration-200"
           @click="toggleSurvey"
         >
-          {{ missionStore.currentPlanningWaypoints.length > 0 ? 'ADD SURVEY' : 'CREATE SURVEY' }}
+          {{ missionStore.currentPlanningWaypoints.length > 0 ? $t('ADD SURVEY') : $t('CREATE SURVEY') }}
         </button>
         <button
           v-if="!isCreatingSurvey && !isCreatingSimplePath"
@@ -125,13 +125,13 @@
           class="h-auto py-2 px-2 m-2 font-medium text-md rounded-md elevation-1 bg-[#FFFFFF33] hover:bg-[#FFFFFF44] transition-colors duration-200"
           @click="toggleSimplePath"
         >
-          {{ missionStore.currentPlanningWaypoints.length > 0 ? 'ADD SIMPLE PATH' : 'CREATE SIMPLE PATH' }}
+          {{ missionStore.currentPlanningWaypoints.length > 0 ? $t('ADD SIMPLE PATH') : $t('CREATE SIMPLE PATH') }}
         </button>
         <div
           v-if="!isCreatingSurvey && !isCreatingSimplePath"
           class="flex flex-row justify-center items-center gap-x-2 mx-4 my-1"
         >
-          <p class="text-sm">Cruise speed</p>
+          <p class="text-sm">{{ $t('Cruise speed') }}</p>
           <input
             v-model.number="localCruiseSpeed"
             class="w-[60px] px-2 py-1 rounded-sm bg-[#FFFFFF22]"
@@ -147,7 +147,9 @@
           class="flex flex-col px-4 py-3 gap-y-2 ma-2 rounded-md select-none border-[1px] border-[#FFFFFF22] bg-[#00000022]"
         >
           <div class="flex justify-between my-[1px]">
-            <p class="self-center text-sm font-bold -mt-1 text-start">New mission checklist</p>
+            <p class="self-center text-sm font-bold -mt-1 text-start">
+              {{ $t('New mission checklist') }}
+            </p>
             <v-icon class="text-sm -mr-[5px] cursor-pointer -mt-[1px]" @click="showMissionCreationTips = false"
               >mdi-close</v-icon
             >
@@ -157,7 +159,7 @@
             <v-icon v-if="home === undefined" class="text-sm mr-4 text-red-500">mdi-close-circle</v-icon>
             <v-icon v-else class="text-sm mr-4 text-green-500">mdi-check-circle</v-icon>
             <p :class="{ 'cursor-pointer hover:underline': home === undefined }" @click="handleAddHomeWaypointByClick">
-              Set home waypoint
+              {{ $t('Set home waypoint') }}
             </p>
           </div>
           <div class="text-sm flex justify-start items-center">
@@ -169,7 +171,7 @@
               :class="{ 'cursor-pointer hover:underline': missionStore.currentPlanningWaypoints.length === 0 }"
               @click="missionStore.currentPlanningWaypoints.length === 0 ? toggleSimplePath() : undefined"
             >
-              Create mission path
+              {{ $t('Create mission path') }}
             </p>
           </div>
           <div class="text-sm flex justify-start items-center">
@@ -178,17 +180,17 @@
               >mdi-alert-circle</v-icon
             >
             <v-icon v-else class="text-sm mr-4 text-green-500">mdi-check-circle</v-icon>
-            <p class="mr-2">Set cruise speed</p>
+            <p class="mr-2">{{ $t('Set cruise speed') }}</p>
 
             <v-tooltip v-if="isSurfaceBoat" location="right">
               <template #activator="{ props }">
                 <v-icon v-bind="props" class="ml-4 text-slate-400 text-sm cursor-help">mdi-information-outline</v-icon>
               </template>
               <div class="text-sm pa-1">
-                <p class="mb-1 text-center"><strong>Tested BlueBoat speeds:</strong></p>
-                <p class="mb-[3px]">Safe: 1 to 1.5 m/s</p>
-                <p class="mb-[3px]">Average: 2 m/s</p>
-                <p>Max: 3 m/s (heavily depends on wind, waves and stream)</p>
+                <p class="mb-1 text-center"><strong>{{ $t('Tested BlueBoat speeds:') }}</strong></p>
+                <p class="mb-[3px]">{{ $t('Safe: 1 to 1.5 m/s') }}</p>
+                <p class="mb-[3px]">{{ $t('Average: 2 m/s') }}</p>
+                <p>{{ $t('Max: 3 m/s (heavily depends on wind, waves and stream)') }}</p>
               </div>
             </v-tooltip>
           </div>
@@ -199,7 +201,7 @@
               :class="{ 'cursor-pointer hover:underline': !hasUploadedMission }"
               @click="!hasUploadedMission ? uploadMissionToVehicle() : undefined"
             >
-              Upload to the vehicle
+              {{ $t('Upload to the vehicle') }}
             </p>
           </div>
         </div>
@@ -208,7 +210,7 @@
           class="flex flex-row justify-between px-3 py-1 my-2 mx-6 rounded-md select-none border-[1px] border-[#FFFFFF22] bg-[#ffad4322] cursor-pointer opacity-60 elevation-4"
           @click="handleDoNotShowTipsAgain"
         >
-          <p class="text-sm">Don't show again</p>
+          <p class="text-sm">{{ $t("Don't show again") }}</p>
           <p class="text-sm">{{ countdownToHideTips }}</p>
         </div>
         <div
@@ -220,20 +222,22 @@
           <p
             class="text-sm flex justify-start items-center bg-[#1e498f] rounded-full pl-3 pr-1 py-1 border-[1px] border-[#FFFFFF44] elevation-2 cursor-pointer"
           >
-            <span>Set home waypoint</span>
+            <span>{{ t('Set home waypoint') }}</span>
             <v-icon class="text-md ml-2">mdi-home-circle</v-icon>
           </p>
         </div>
         <v-divider v-if="!isCreatingSimplePath" class="my-2" />
         <div v-if="isCreatingSurvey" class="flex flex-col">
-          <p class="m-1 overflow-visible text-sm text-slate-200">Distance between lines (m)</p>
+          <p class="m-1 overflow-visible text-sm text-slate-200">
+            {{ t('Distance between lines (m)') }}
+          </p>
           <input
             v-model.number="distanceBetweenSurveyLines"
             class="px-2 py-1 m-1 mx-5 rounded-sm bg-[#FFFFFF22]"
             type="number"
             min="1"
           />
-          <p class="m-1 overflow-visible text-sm text-slate-200">Lines angle (degrees)</p>
+          <p class="m-1 overflow-visible text-sm text-slate-200">{{ t('Lines angle (degrees)') }}</p>
           <input
             v-model.number="surveyLinesAngleDisplay"
             class="px-2 py-1 m-1 mx-5 rounded-sm bg-[#FFFFFF22]"
@@ -241,19 +245,21 @@
             min="0"
             max="359"
           />
-          <p class="m-1 overflow-visible text-sm text-slate-200">Turnaround distance (m)</p>
+          <p class="m-1 overflow-visible text-sm text-slate-200">
+            {{ t('Turnaround distance (m)') }}
+          </p>
           <input
             v-model.number="turnaroundDistance"
             class="px-2 py-1 mt-1 mb-2 mx-5 rounded-sm bg-[#FFFFFF22]"
             type="number"
           />
-          <p class="m-1 overflow-visible text-sm text-slate-200">Altitude (m)</p>
+          <p class="m-1 overflow-visible text-sm text-slate-200">{{ $t('Altitude (m)') }}</p>
           <input
             v-model.number="currentWaypointAltitude"
             class="px-2 py-1 m-1 mx-5 rounded-sm bg-[#FFFFFF22]"
             type="number"
           />
-          <p class="m-1 overflow-visible text-sm text-slate-200">Altitude type:</p>
+          <p class="m-1 overflow-visible text-sm text-slate-200">{{ $t('Altitude type:') }}</p>
           <v-select
             v-model="currentWaypointAltitudeRefType"
             :items="availableFrames"
@@ -274,7 +280,7 @@
             class="h-auto py-2 px-2 m-2 text-sm rounded-md elevation-1 bg-[#3B78A8] hover:bg-[#3B78A8] transition-colors duration-200"
             @click="generateWaypointsFromSurvey"
           >
-            GENERATE WAYPOINTS
+            {{ t('GENERATE WAYPOINTS') }}
           </button>
           <div class="flex w-full justify-end">
             <v-btn
@@ -283,7 +289,7 @@
               class="h-auto my-1 font-medium text-xs rounded-md transition-colors duration-200"
               @click="clearSurveyPath"
             >
-              Clear Path
+              {{ t('Clear Path') }}
             </v-btn>
           </div>
           <button
@@ -292,14 +298,14 @@
             class="h-auto py-2 px-2 m-2 font-medium text-md rounded-md elevation-1 bg-[#FFFFFF33] hover:bg-[#FFFFFF44] transition-colors duration-200"
             @click="toggleSurvey"
           >
-            Cancel Survey
+            {{ t('Cancel Survey') }}
           </button>
         </div>
         <v-divider v-if="isCreatingSurvey" class="my-2" />
         <div v-if="isCreatingSimplePath" class="flex flex-col w-full h-full p-2">
-          <p class="overflow-visible my-1 text-sm text-slate-200">Altitude (m)</p>
+          <p class="overflow-visible my-1 text-sm text-slate-200">{{ t('Altitude (m)') }}</p>
           <input v-model="currentWaypointAltitude" class="px-2 py-1 m-1 mx-5 rounded-sm bg-[#FFFFFF22]" />
-          <p class="overflow-visible mt-2 text-sm text-slate-200">Altitude type:</p>
+          <p class="overflow-visible mt-2 text-sm text-slate-200">{{ t('Altitude type:') }}</p>
           <v-select
             v-model="currentWaypointAltitudeRefType"
             :items="availableFrames"
@@ -319,13 +325,13 @@
             :class="{ 'bg-[#FFFFFF11] text-[#FFFFFF22]': missionStore.currentPlanningWaypoints.length < 2 }"
             @click="toggleSimplePath"
           >
-            END SIMPLE PATH
+            {{ t('END SIMPLE PATH') }}
           </button>
         </div>
 
         <div>
           <div class="flex w-full justify-between my-2 px-1">
-            <v-tooltip location="top" text="Undo (Ctrl+Z / Cmd+Z)">
+            <v-tooltip location="top" :text="t('Undo (Ctrl+Z / Cmd+Z)')">
               <template #activator="{ props }">
                 <v-btn
                   v-bind="props"
@@ -339,7 +345,7 @@
               </template>
             </v-tooltip>
             <v-divider vertical />
-            <v-tooltip location="top" text="Redo (Ctrl+Y / Cmd+Y)">
+            <v-tooltip location="top" :text="t('Redo (Ctrl+Y / Cmd+Y)')">
               <template #activator="{ props }">
                 <v-btn
                   v-bind="props"
@@ -353,7 +359,7 @@
               </template>
             </v-tooltip>
             <v-divider vertical />
-            <v-tooltip location="top" text="Save mission to file">
+            <v-tooltip location="top" :text="t('Save mission to file')">
               <template #activator="{ props }">
                 <v-btn
                   v-bind="props"
@@ -367,7 +373,7 @@
               </template>
             </v-tooltip>
             <v-divider vertical />
-            <v-tooltip location="top" text="Load mission from file">
+            <v-tooltip location="top" :text="t('Load mission from file')">
               <template #activator="{ props }">
                 <v-btn
                   v-bind="props"
@@ -380,7 +386,7 @@
               </template>
             </v-tooltip>
             <v-divider vertical />
-            <v-tooltip location="top" text="Clear mission on vehicle">
+            <v-tooltip location="top" :text="t('Clear mission on vehicle')">
               <template #activator="{ props }">
                 <v-btn
                   v-bind="props"
@@ -394,7 +400,7 @@
               </template>
             </v-tooltip>
             <v-divider vertical />
-            <v-tooltip location="top" text="Mission Settings">
+            <v-tooltip location="top" :text="t('Mission Settings')">
               <template #activator="{ props }">
                 <v-btn
                   v-bind="props"
@@ -419,7 +425,7 @@
           class="h-auto py-2 px-2 m-2 mt-2 text-sm rounded-md elevation-1 bg-[#3B78A8] hover:bg-[#3B78A8] transition-colors duration-200"
           @click="uploadMissionToVehicle"
         >
-          UPLOAD MISSION TO VEHICLE
+          {{ $t('Upload to the vehicle').toUpperCase() }}
         </button>
         <button
           v-if="missionStore.currentPlanningWaypoints.length > 0"
@@ -428,7 +434,7 @@
           @click="openCLearMissionDialog"
         >
           <v-progress-circular v-if="loading" size="20" class="py-4" />
-          <p v-else>CLEAR CURRENT MISSION</p>
+          <p v-else>{{ $t('CLEAR CURRENT MISSION') }}</p>
         </button>
         <button
           :disabled="loading || !vehicleStore.isVehicleOnline"
@@ -437,17 +443,17 @@
           @click="downloadMissionFromVehicle"
         >
           <v-progress-circular v-if="loading" size="20" class="py-4" />
-          <p v-else>DOWNLOAD MISSION FROM VEHICLE</p>
+          <p v-else>{{ $t('DOWNLOAD MISSION FROM VEHICLE') }}</p>
         </button>
       </div>
     </div>
-    <v-tooltip location="top" text="Switch to Flight mode">
+    <v-tooltip location="top" :text="$t('Switch to Flight Mode')">
       <template #activator="{ props: tooltipProps }">
         <v-btn
           v-bind="tooltipProps"
           class="absolute right-[135px] w-[140px] m-3 mb-[13px] bottom-12 bg-slate-50 text-[12px] font-bold"
           elevation="8"
-          text="Flight mode"
+          :text="$t('Flight mode')"
           append-icon="mdi-send"
           :style="interfaceStore.globalGlassMenuStyles"
           hide-details
@@ -456,7 +462,7 @@
         />
       </template>
     </v-tooltip>
-    <v-tooltip location="top center" text="Download map tiles">
+    <v-tooltip location="top center" :text="$t('Download map tiles')">
       <template #activator="{ props: tooltipProps }">
         <v-menu v-model="downloadMenuOpen" :close-on-content-click="false" location="top end">
           <template #activator="{ props: menuProps }">
@@ -470,9 +476,9 @@
           </template>
 
           <v-list :style="interfaceStore.globalGlassMenuStyles" class="py-0 min-w-[220px] rounded-lg border-[1px]">
-            <v-list-item class="py-0" title="Save visible Esri tiles" @click="saveEsri" />
+            <v-list-item class="py-0" :title="$t('Save visible Esri tiles')" @click="saveEsri" />
             <v-divider />
-            <v-list-item class="py-0" title="Save visible OSM tiles" @click="saveOSM" />
+            <v-list-item class="py-0" :title="$t('Save visible OSM tiles')" @click="saveOSM" />
           </v-list>
         </v-menu>
       </template>
@@ -555,7 +561,7 @@
       v-if="uploadingMission"
       class="fixed top-[58px] left-[7px] flex text-md font-bold text-white z-30 drop-shadow-md"
     >
-      Uploading mission to vehicle...
+      {{ $t('Uploading mission to vehicle...') }}
     </p>
   </div>
 
@@ -642,14 +648,18 @@
     :style="{ top: '48px' }"
     class="absolute left-[7px] mt-4 flex text-md font-bold text-white z-30 drop-shadow-md"
   >
-    Loading mission...
+    {{ $t('Loading mission...') }}
   </p>
   <div
     v-if="isSavingOfflineTiles"
     class="absolute top-14 left-2 flex justify-start items-center text-white text-md py-2 px-4 rounded-lg"
     :style="interfaceStore.globalGlassMenuStyles"
   >
-    <p>Saving offline map content:&nbsp;{{ tilesTotal ? Math.round((tilesSaved / tilesTotal) * 100) : 0 }}%</p>
+    <p>
+      {{ $t('Saving {layerName} offline tiles', { layerName: savingLayerName }) }}:&nbsp;{{
+        tilesTotal ? Math.round((tilesSaved / tilesTotal) * 100) : 0
+      }}%
+    </p>
   </div>
   <MissionEstimatesPanel v-if="!speedDialOpen" v-model="missionStore.showMissionEstimates" />
 </template>
@@ -660,11 +670,13 @@ import 'leaflet-edgebuffer'
 import { useDebounceFn, useWindowSize } from '@vueuse/core'
 import { formatDistanceToNow } from 'date-fns'
 import { format } from 'date-fns'
+import { enUS, zhCN } from 'date-fns/locale'
 import { saveAs } from 'file-saver'
 import L, { type LatLngTuple, LayersControlEvent, LeafletMouseEvent, Map, Marker, Polygon } from 'leaflet'
 import { SaveStatus, savetiles, tileLayerOffline } from 'leaflet.offline'
 import { v4 as uuid } from 'uuid'
 import { type InstanceType, computed, nextTick, onMounted, onUnmounted, ref, shallowRef, toRaw, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import blueboatMarkerImage from '@/assets/blueboat-marker.avif'
 import brov2MarkerImage from '@/assets/brov2-marker.avif'
@@ -727,6 +739,7 @@ const interfaceStore = useAppInterfaceStore()
 const widgetStore = useWidgetManagerStore()
 const missionEstimates = useMissionEstimates()
 const { height: windowHeight } = useWindowSize()
+const { t, locale } = useI18n()
 
 const { showDialog, closeDialog } = useInteractionDialog()
 const { openSnackbar } = useSnackbar()
@@ -810,10 +823,10 @@ const uploadMissionToVehicle = async (): Promise<void> => {
 
   try {
     if (!vehicleStore.isVehicleOnline) {
-      throw 'Vehicle is not online.'
+      throw t('Vehicle is not online.')
     }
     await vehicleStore.uploadMission(missionItemsToUpload, loadingCallback)
-    const message = 'Go to Flight Mode and click the “play” button to start the mission.'
+    const message = t('Go to Flight Mode and click the "play" button to start the mission.')
 
     if (missionStore.alwaysSwitchToFlightMode) {
       router.push('/')
@@ -823,28 +836,29 @@ const uploadMissionToVehicle = async (): Promise<void> => {
     }
     showDialog({
       variant: 'success',
-      title: 'Mission upload succeeded',
+      title: t('Mission upload succeeded'),
       message,
       persistent: false,
       timer: undefined,
       maxWidth: '750px',
       actions: [
-        { text: 'Close', color: 'white', action: closeDialog },
+        { text: t('Close'), color: 'white', action: closeDialog },
         {
-          text: 'Always switch to Flight Mode',
+          text: t('Always switch to Flight Mode'),
           color: 'white',
           action: () => {
             missionStore.alwaysSwitchToFlightMode = true
             openSnackbar({
               variant: 'info',
-              message:
-                'You will be switched to Flight Mode automatically in the future. To change this, go to Mission Planning settings.',
+              message: t(
+                'You will be switched to Flight Mode automatically in the future. To change this, go to Mission Planning settings.'
+              ),
               duration: 5000,
             })
             router.push('/')
           },
         },
-        { text: 'Switch to Flight Mode', color: 'white', action: () => router.push('/') },
+        { text: t('Switch to Flight Mode'), color: 'white', action: () => router.push('/') },
       ],
     })
     hasUploadedMission.value = true
@@ -853,7 +867,7 @@ const uploadMissionToVehicle = async (): Promise<void> => {
   } catch (error) {
     showDialog({
       variant: 'error',
-      title: 'Mission upload failed',
+      title: t('Mission upload failed'),
       message: error as string,
       timer: 3000,
       persistent: false,
@@ -889,9 +903,19 @@ const downloadMissionFromVehicle = async (): Promise<void> => {
     })
     updateWaypointMarkers()
 
-    openSnackbar({ variant: 'success', message: 'Mission download succeeded!', duration: 3000 })
+    openSnackbar({
+      variant: 'success',
+      message: t('Mission download succeeded!'),
+      duration: 3000,
+    })
   } catch (error) {
-    showDialog({ variant: 'error', title: 'Mission download failed', message: error as string, timer: 5000 })
+    const errorMessage = String(error).replace(/^Error:\s*/, '')
+    showDialog({
+      variant: 'error',
+      title: t('Mission download failed'),
+      message: errorMessage,
+      timer: 5000,
+    })
   } finally {
     loading.value = false
     fetchingMission.value = false
@@ -1198,7 +1222,7 @@ const isCtrlDown = ref(false)
 const isShiftDown = ref(false)
 const cursorLivePositionX = ref(0)
 const cursorLivePositionY = ref(0)
-const cursorSymbol = computed(() => (isCtrlDown.value ? '+' : isShiftDown.value ? '−' : ''))
+const cursorSymbol = computed(() => (isCtrlDown.value ? '+' : isShiftDown.value ? '◎' : ''))
 const showCursorDeco = computed(() => isCtrlDown.value || isShiftDown.value)
 
 let cursorDecoEl: HTMLDivElement | null = null
@@ -1224,7 +1248,7 @@ const handleDoNotShowTipsAgain = (): void => {
   missionStore.showMissionCreationTips = false
   openSnackbar({
     variant: 'info',
-    message: 'Mission checklist will not be shown again. You can enable them back in the settings.',
+    message: t('Mission checklist will not be shown again. You can enable them back in the settings.'),
     duration: 5000,
   })
 }
@@ -1234,7 +1258,7 @@ const handleAddHomeWaypointByClick = (): void => {
   isSettingHomeWaypoint.value = true
   openSnackbar({
     variant: 'info',
-    message: 'Click anywhere on the map to set the home position',
+    message: t('Click anywhere on the map to set the home position'),
     duration: 5000,
   })
 }
@@ -1275,25 +1299,25 @@ const clearCurrentMission = (): void => {
 
 const openCLearMissionDialog = (): void => {
   showDialog({
-    message: 'Clear current mission?',
+    message: t('Clear current mission?'),
     maxWidth: '400px',
     variant: 'warning',
     persistent: false,
     actions: [
       {
-        text: 'Cancel',
+        text: t('Cancel'),
         action: () => {
           closeDialog()
         },
       },
       {
-        text: 'Clear',
+        text: t('Clear'),
         action: () => {
           clearCurrentMission()
           closeDialog()
           openSnackbar({
             variant: 'success',
-            message: 'Current mission cleared',
+            message: t('Current mission cleared'),
           })
         },
       },
@@ -1367,11 +1391,11 @@ const pickBestPosition = (
   for (const c of candidates) {
     const l = c.x
     const r = c.x + elW
-    const t = c.y
+    const top = c.y
     const b = c.y + elH
 
     const visW = Math.max(0, Math.min(r, vpW - margin) - Math.max(l, margin))
-    const visH = Math.max(0, Math.min(b, vpH - margin) - Math.max(t, margin))
+    const visH = Math.max(0, Math.min(b, vpH - margin) - Math.max(top, margin))
     const visibility = (visW * visH) / area
 
     const oW = Math.max(0, Math.min(r, polyBounds.maxX) - Math.max(l, polyBounds.minX))
@@ -1931,7 +1955,7 @@ const hideContextMenu = (): void => {
 
 const clearVehiclePathHistory = (): void => {
   missionStore.clearVehicleHistory()
-  openSnackbar({ message: 'Vehicle path history cleared', variant: 'success' })
+  openSnackbar({ message: t('Vehicle path history cleared'), variant: 'success' })
 }
 
 const setHomePosition = async (): Promise<void> => {
@@ -1942,12 +1966,15 @@ const setHomePosition = async (): Promise<void> => {
     await vehicleStore.setHomeWaypoint(newHome, 0)
     openSnackbar({
       variant: 'success',
-      message: `Home position set to ${newHome[0].toFixed(2)}, ${newHome[1].toFixed(2)}`,
+      message: t('Home position set to {lat}, {lon}', {
+        lat: newHome[0].toFixed(2),
+        lon: newHome[1].toFixed(2),
+      }),
     })
   } catch (error) {
     openSnackbar({
       variant: 'error',
-      message: `Failed to set home position: ${error}`,
+      message: t('Failed to set home position: {error}', { error: String(error) }),
     })
   }
 }
@@ -2334,13 +2361,17 @@ const clearSurveyCreation = (): void => {
 const deleteSelectedSurvey = (): void => {
   const surveyId = selectedSurveyId.value
   if (!surveyId) {
-    openSnackbar({ variant: 'error', message: 'No survey selected to delete.', duration: 2000 })
+    openSnackbar({ variant: 'error', message: t('No survey selected to delete.'), duration: 2000 })
     return
   }
 
   const surveyIndex = surveys.value.findIndex((s) => s.id === surveyId)
   if (surveyIndex === -1) {
-    openSnackbar({ variant: 'error', message: 'Selected survey does not exist.', duration: 2000 })
+    openSnackbar({
+      variant: 'error',
+      message: t('Selected survey does not exist.'),
+      duration: 2000,
+    })
     return
   }
 
@@ -2383,7 +2414,7 @@ const deleteSelectedSurvey = (): void => {
     removeSurveyAreaSquareMeters(surveyId)
   }
 
-  openSnackbar({ variant: 'success', message: 'Survey deleted.', duration: 2000 })
+  openSnackbar({ variant: 'success', message: t('Survey deleted.'), duration: 2000 })
   hideContextMenu()
   updateWaypointMarkers()
 }
@@ -2419,7 +2450,7 @@ const homeWaypointCursor =
   'url("data:image/svg+xml;utf8,' +
   "<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>" +
   "<circle cx='12' cy='12' r='11' fill='%231e498f' stroke='%23ffffff55' stroke-width='1'/>" +
-  // scale path to 90 % and re-center ( (24 − 24×0.9) / 2 = 1.2 )
+  // scale path to 90 % and re-center ( (24 ?24×0.9) / 2 = 1.2 )
   "<g transform='translate(4 3) scale(0.7)'>" +
   "<path fill='%23ffffff' d='M12,3L2,12H5V20H19V12H22L12,3M12,7.7C14.1,7.7 15.8,9.4 15.8,11.5C15.8,14.5 " +
   '12,18 12,18C12,18 8.2,14.5 8.2,11.5C8.2,9.4 9.9,7.7 12,7.7M12,10A1.5,1.5 0 0,0 10.5,11.5A1.5,1.5 ' +
@@ -2665,12 +2696,12 @@ const loadMissionFromFile = (): void => {
       try {
         const contents = e.target?.result
         if (typeof contents !== 'string') {
-          showDialog({ variant: 'error', message: 'File does not appear to be in the correct format.', timer: 3000 })
+          showDialog({ variant: 'error', message: t('File does not appear to be in the correct format.'), timer: 3000 })
           return
         }
         const maybeMission = JSON.parse(contents)
         if (!instanceOfCockpitMission(maybeMission)) {
-          showDialog({ variant: 'error', message: 'Invalid mission file.', timer: 3000 })
+          showDialog({ variant: 'error', message: t('Invalid mission file.'), timer: 3000 })
           return
         }
         mapCenter.value = maybeMission['settings']['mapCenter']
@@ -2683,7 +2714,7 @@ const loadMissionFromFile = (): void => {
           missionStore.currentPlanningSurveys.push(...maybeMission['surveys'])
         }
       } catch (error) {
-        showDialog({ variant: 'error', message: `Failed to load mission file: ${error}`, timer: 5000 })
+        showDialog({ variant: 'error', message: `${t('Failed to load mission file:')} ${error}`, timer: 5000 })
       }
     }
     reader.readAsText(file)
@@ -2854,7 +2885,7 @@ const createSurveyPath = (): void => {
     if (result.path.length === 0) {
       showDialog({
         variant: 'error',
-        message: 'No valid path could be generated. Try adjusting the angle or distance between lines.',
+        message: t('No valid survey path'),
         timer: 5000,
       })
       return
@@ -2887,7 +2918,7 @@ const createSurveyPath = (): void => {
   } catch (error) {
     showDialog({
       variant: 'error',
-      message: `Failed to generate survey path: ${(error as Error).message}`,
+      message: t('Failed to generate survey path: {error}', { error: (error as Error).message }),
       timer: 5000,
     })
   }
@@ -3040,7 +3071,7 @@ const refreshSurveyEntryExitMarkers = (): void => {
 
 const generateWaypointsFromSurvey = (): void => {
   if (!surveyPathLayer.value) {
-    showDialog({ variant: 'error', message: 'No survey path to generate waypoints from.', timer: 2000 })
+    showDialog({ variant: 'error', message: t('No survey path to generate waypoints from.'), timer: 2000 })
     return
   }
 
@@ -3064,7 +3095,7 @@ const generateWaypointsFromSurvey = (): void => {
   if (!continuousPath.length) {
     showDialog({
       variant: 'error',
-      message: 'No valid path could be generated. Try adjusting the angle or distance between lines.',
+      message: t('No valid survey path'),
       timer: 3000,
     })
     return
@@ -3131,7 +3162,11 @@ const generateWaypointsFromSurvey = (): void => {
     lastMarker.getElement()?.querySelector('.waypoint-main-marker')?.classList.add('green-marker')
   }
 
-  openSnackbar({ variant: 'success', message: 'Waypoints generated from survey path.', duration: 1000 })
+  openSnackbar({
+    variant: 'success',
+    message: t('Waypoints generated from survey path.'),
+    duration: 1000,
+  })
 }
 
 // Helper function to create waypoint marker HTML with command count indicator
@@ -3195,7 +3230,7 @@ const updateWaypointMarkers = (): void => {
 
 const regenerateSurveyWaypoints = (angle?: number): void => {
   if (!selectedSurveyId.value) {
-    openSnackbar({ variant: 'error', message: 'No survey selected.', duration: 2000 })
+    openSnackbar({ variant: 'error', message: t('No survey selected.'), duration: 2000 })
     return
   }
 
@@ -3218,7 +3253,7 @@ const regenerateSurveyWaypoints = (angle?: number): void => {
 
     if (!continuousPath.length) {
       openSnackbar({
-        message: 'No valid path could be generated. Try adjusting the angle or distance between lines.',
+        message: t('No valid survey path'),
         variant: 'error',
         duration: 2000,
       })
@@ -3238,7 +3273,11 @@ const regenerateSurveyWaypoints = (angle?: number): void => {
     )
 
     if (firstOldWaypointIndex === -1) {
-      openSnackbar({ variant: 'error', message: 'Failed to find old waypoints.', duration: 2000 })
+      openSnackbar({
+        variant: 'error',
+        message: t('Failed to find old waypoints.'),
+        duration: 2000,
+      })
       return
     }
 
@@ -3337,7 +3376,7 @@ const undoGenerateWaypoints = (): void => {
 
   const survey = surveys.value.find((s) => s.id === surveyId)
   if (!surveyId || !survey) {
-    openSnackbar({ variant: 'error', message: 'Nothing to undo.', duration: 2000 })
+    openSnackbar({ variant: 'error', message: t('Nothing to undo.'), duration: 2000 })
     undoIsInProgress.value = false
     return
   }
@@ -3403,7 +3442,7 @@ const undoGenerateWaypoints = (): void => {
 
   rebuildSurveyPolygonFromPositions()
   clearSurveyPolygonUndoStack()
-  openSnackbar({ variant: 'success', message: 'Undo successful.', duration: 1000 })
+  openSnackbar({ variant: 'success', message: t('Undo successful.'), duration: 1000 })
   undoIsInProgress.value = false
   removeSurveyAreaSquareMeters(surveyId)
 }
@@ -3548,7 +3587,7 @@ const tryFetchHome = async (): Promise<void> => {
       home.value = [...wp.coordinates] as [number, number]
       clearInterval(homeRetryTimer!)
     } catch (err) {
-      console.warn('HOME fetch failed, will retry…', err)
+      console.warn('HOME fetch failed, will retry...', err)
     }
   }
   if (++attempts >= MAX_ATTEMPTS) {
@@ -3576,9 +3615,13 @@ const loadDraftMission = async (mission: CockpitMission): Promise<void> => {
       await tryFetchHome()
       homeRetryTimer = setInterval(tryFetchHome, 1000)
     }
-    openSnackbar({ variant: 'success', message: 'Draft mission loaded.', duration: 2000 })
+    openSnackbar({ variant: 'success', message: t('Draft mission loaded.'), duration: 2000 })
   } catch (error) {
-    openSnackbar({ variant: 'error', message: `Failed to load draft mission: ${error}`, duration: 3000 })
+    openSnackbar({
+      variant: 'error',
+      message: t('Failed to load draft mission: {error}', { error: String(error) }),
+      duration: 3000,
+    })
   }
 }
 
@@ -3682,13 +3725,16 @@ const confirmDownloadDialog =
   (status: SaveStatus, ok: () => void): void => {
     showDialog({
       variant: 'info',
-      message: `Save ${status._tilesforSave.length} ${layerLabel} tiles for offline use?`,
+      message: t('Save {count} {layerLabel} tiles for offline use?', {
+        count: status._tilesforSave.length,
+        layerLabel,
+      }),
       persistent: false,
       maxWidth: '450px',
       actions: [
-        { text: 'Cancel', color: 'white', action: closeDialog },
+        { text: t('Cancel'), color: 'white', action: closeDialog },
         {
-          text: 'Save tiles',
+          text: t('Save tiles'),
           color: 'white',
           action: () => {
             ok()
@@ -3704,18 +3750,22 @@ const deleteDownloadedTilesDialog =
   (_status: SaveStatus, ok: () => void): void => {
     showDialog({
       variant: 'warning',
-      message: `Remove all saved ${layerLabel} tiles for this layer?`,
+      message: t('Remove all saved {layerLabel} tiles for this layer?', { layerLabel }),
       persistent: false,
       maxWidth: '450px',
       actions: [
-        { text: 'Cancel', color: 'white', action: closeDialog },
+        { text: t('Cancel'), color: 'white', action: closeDialog },
         {
-          text: 'Remove tiles',
+          text: t('Remove tiles'),
           color: 'white',
           action: () => {
             ok()
             closeDialog()
-            openSnackbar({ message: `${layerLabel} offline tiles removed`, variant: 'info', duration: 3000 })
+            openSnackbar({
+              message: t('{layerLabel} offline tiles removed', { layerLabel }),
+              variant: 'info',
+              duration: 3000,
+            })
           },
         },
       ] as DialogActions[],
@@ -3731,8 +3781,12 @@ const downloadOfflineMapTiles = (layer: any, layerLabel: string, maxZoom: number
     parallel: 20,
     confirm: confirmDownloadDialog(layerLabel),
     confirmRemoval: deleteDownloadedTilesDialog(layerLabel),
-    saveText: `<i class="mdi mdi-download" title="Save ${layerLabel} tiles"></i>`,
-    rmText: `<i class="mdi mdi-trash-can" title="Remove ${layerLabel} tiles"></i>`,
+    saveText: `<i class="mdi mdi-download" title="${t('Save {layerLabel} tiles', {
+      layerLabel,
+    })}"></i>`,
+    rmText: `<i class="mdi mdi-trash-can" title="${t('Remove {layerLabel} tiles', {
+      layerLabel,
+    })}"></i>`,
   })
 }
 
@@ -3742,13 +3796,21 @@ const attachOfflineProgress = (layer: any, layerName: string): void => {
     tilesTotal.value = e?._tilesforSave?.length ?? 0
     savingLayerName.value = layerName
     isSavingOfflineTiles.value = true
-    openSnackbar({ message: `Saving ${tilesTotal.value} ${layerName} tiles...`, variant: 'info', duration: 2000 })
+    openSnackbar({
+      message: t('Saving {count} {layerName} tiles...', { count: tilesTotal.value, layerName }),
+      variant: 'info',
+      duration: 2000,
+    })
   })
 
   layer.on('loadtileend', () => {
     tilesSaved.value += 1
     if (tilesTotal.value > 0 && tilesSaved.value >= tilesTotal.value) {
-      openSnackbar({ message: `${layerName} offline tiles saved!`, variant: 'success', duration: 3000 })
+      openSnackbar({
+        message: t('{layerName} offline tiles saved!', { layerName }),
+        variant: 'success',
+        duration: 3000,
+      })
       isSavingOfflineTiles.value = false
       savingLayerName.value = ''
       tilesSaved.value = 0
@@ -3801,10 +3863,19 @@ onMounted(async () => {
       : missionStore.defaultMapTileProvider
   const initialBaseLayer = baseMaps[preferredProvider] || esri
 
-  planningMap.value = L.map('planningMap', { layers: [initialBaseLayer] }).setView(
-    mapCenter.value as LatLngTuple,
-    zoom.value
-  )
+  planningMap.value = L.map('planningMap', {
+    layers: [initialBaseLayer],
+    zoomControl: false,
+  }).setView(mapCenter.value as LatLngTuple, zoom.value)
+
+  // Add zoom control with translated text
+  L.control
+    .zoom({
+      position: 'bottomright',
+      zoomInTitle: t('Zoom in'),
+      zoomOutTitle: t('Zoom out'),
+    })
+    .addTo(planningMap.value)
 
   // Expose the Leaflet instance to descendant components via the map context
   mapContext.map.value = planningMap.value
@@ -3819,7 +3890,6 @@ onMounted(async () => {
     crossOrigin: 'anonymous',
     ...tileBufferOptions,
   }).addTo(planningMap.value)
-  planningMap.value.zoomControl.setPosition('bottomright')
 
   // Replace failed tiles with a procedural noise background sampled by lat/lon, so
   // operators retain a motion-trackable backdrop where imagery is unavailable.
@@ -4053,7 +4123,11 @@ const vehicleHeading = computed(() => (vehicleStore.attitude.yaw ? degrees(vehic
 // Calculate time since last vehicle heartbeat
 const timeAgoSeenText = computed(() => {
   const lastBeat = vehicleStore.lastHeartbeat
-  return lastBeat ? `${formatDistanceToNow(lastBeat ?? 0, { includeSeconds: true })} ago` : 'never'
+  if (!lastBeat) return t('never')
+
+  const dateLocale = locale.value === 'zh' ? zhCN : enUS
+  const distance = formatDistanceToNow(lastBeat, { includeSeconds: true, locale: dateLocale })
+  return locale.value === 'zh' ? `${distance}前` : `${distance} ago`
 })
 
 // Dinamically update data of the vehicle tooltip
@@ -4061,11 +4135,11 @@ watch([vehiclePosition, vehicleHeading, timeAgoSeenText, () => vehicleStore.isAr
   if (vehicleMarker.value === undefined) return
 
   vehicleMarker.value.getTooltip()?.setContent(`
-    <p>Coordinates: ${vehiclePosition.value?.[0].toFixed(6)}, ${vehiclePosition.value?.[1].toFixed(6)}</p>
-    <p>Velocity: ${vehicleStore.velocity.ground?.toFixed(2) ?? 'N/A'} m/s</p>
-    <p>Heading: ${vehicleHeading.value.toFixed(2)}°</p>
-    <p>${vehicleStore.isArmed ? 'Armed' : 'Disarmed'}</p>
-    <p>Last seen: ${timeAgoSeenText.value}</p>
+    <p>${t('Coordinates')}: ${vehiclePosition.value?.[0].toFixed(6)}, ${vehiclePosition.value?.[1].toFixed(6)}</p>
+    <p>${t('Velocity')}: ${vehicleStore.velocity.ground?.toFixed(2) ?? 'N/A'} m/s</p>
+    <p>${t('Heading')}: ${vehicleHeading.value.toFixed(2)}°</p>
+    <p>${vehicleStore.isArmed ? t('Armed') : t('Disarmed')}</p>
+    <p>${t('Last seen')}: ${timeAgoSeenText.value}</p>
   `)
 
   // Update the rotation
@@ -4271,25 +4345,25 @@ watch(
 
 const centerHomeButtonTooltipText = computed(() => {
   if (home.value === undefined) {
-    return 'Cannot center map on home (home position undefined).'
+    return t('Cannot center map on home (home position undefined).')
   }
   if (followerTarget.value === WhoToFollow.HOME) {
-    return 'Tracking home position. Click to stop tracking.'
+    return t('Tracking home position. Click to stop tracking.')
   }
-  return 'Click once to center on home or twice to track it.'
+  return t('Click once to center on home or twice to track it.')
 })
 
 const centerVehicleButtonTooltipText = computed(() => {
   if (!vehicleStore.isVehicleOnline) {
-    return 'Cannot center map on vehicle (vehicle offline).'
+    return t('Cannot center map on vehicle (vehicle offline).')
   }
   if (vehiclePosition.value === undefined) {
-    return 'Cannot center map on vehicle (vehicle position undefined).'
+    return t('Cannot center map on vehicle (vehicle position undefined).')
   }
   if (followerTarget.value === WhoToFollow.VEHICLE) {
-    return 'Tracking vehicle position. Click to stop tracking.'
+    return t('Tracking vehicle position. Click to stop tracking.')
   }
-  return 'Click once to center on vehicle or twice to track it.'
+  return t('Click once to center on vehicle or twice to track it.')
 })
 
 const missionFitCoordinates = computed<WaypointCoordinates[]>(() => {
@@ -4305,15 +4379,15 @@ const hasMissionWaypoints = computed(() => missionFitCoordinates.value.length >
 
 const centerMissionButtonTooltipText = computed(() => {
   if (!hasMissionWaypoints.value) {
-    return 'Cannot center map on mission (no waypoints defined).'
+    return t('Cannot center map on mission (no waypoints defined).')
   }
-  return 'Click to center the map on the current mission.'
+  return t('Click to center the map on the current mission.')
 })
 
 const centerActivatorTooltipText = computed(() => {
-  if (followerTarget.value === WhoToFollow.HOME) return 'Tracking home position. Open to change target.'
-  if (followerTarget.value === WhoToFollow.VEHICLE) return 'Tracking vehicle position. Open to change target.'
-  return 'Center map on home, vehicle or mission.'
+  if (followerTarget.value === WhoToFollow.HOME) return t('Tracking home position. Open to change target.')
+  if (followerTarget.value === WhoToFollow.VEHICLE) return t('Tracking vehicle position. Open to change target.')
+  return t('Center map on home, vehicle or mission.')
 })
 
 const centerOnMission = (): void => {
@@ -4326,10 +4400,18 @@ const openPoiDialog = (): void => {
   if (cursorCoordinates.value && poiManagerRef.value) {
     poiManagerRef.value.openDialog(cursorCoordinates.value)
   } else if (!cursorCoordinates.value) {
-    showDialog({ variant: 'error', title: 'Error', message: 'Cannot place Point of Interest without map coordinates.' })
+    showDialog({
+      variant: 'error',
+      title: t('Error'),
+      message: t('Cannot place Point of Interest without map coordinates.'),
+    })
     console.error('Cannot open POI dialog without click coordinates for new POI')
   } else if (!poiManagerRef.value) {
-    showDialog({ variant: 'error', title: 'Error', message: 'POI Manager is not available.' })
+    showDialog({
+      variant: 'error',
+      title: t('Error'),
+      message: t('POI Manager (map widget) is not available.'),
+    })
     console.error('Cannot open POI dialog, POI Manager ref is not set.')
   }
   hideContextMenu()
@@ -4365,7 +4447,10 @@ const addPoiMarkerToPlanningMap = (poi: PointOfInterest): void => {
   const tooltipContent = `
     <strong>${poi.name}</strong><br>
     ${poi.description ? poi.description + '<br>' : ''}
-    Lat: ${poi.coordinates[0].toFixed(8)}, Lng: ${poi.coordinates[1].toFixed(8)}
+    ${t('Lat: {lat}, Lng: {lng}', {
+      lat: poi.coordinates[0].toFixed(8),
+      lng: poi.coordinates[1].toFixed(8),
+    })}
   `
   const tooltipConfig = { permanent: false, direction: 'top', offset: [0, -40], className: 'poi-tooltip' }
   marker.bindTooltip(tooltipContent, tooltipConfig)
@@ -4375,7 +4460,7 @@ const addPoiMarkerToPlanningMap = (poi: PointOfInterest): void => {
     const updatedTooltipContent = `
       <strong>${poi.name}</strong><br>
       ${poi.description ? poi.description + '<br>' : ''}
-      Lat: ${newCoords.lat.toFixed(8)}, Lng: ${newCoords.lng.toFixed(8)}
+      ${t('Lat: {lat}, Lng: {lng}', { lat: newCoords.lat.toFixed(8), lng: newCoords.lng.toFixed(8) })}
     `
     marker.getTooltip()?.setContent(updatedTooltipContent)
   })
@@ -4406,7 +4491,10 @@ const updatePoiMarkerOnPlanningMap = (poi: PointOfInterest): void => {
   const updatedTooltipContent = `
     <strong>${poi.name}</strong><br>
     ${poi.description ? poi.description + '<br>' : ''}
-    Lat: ${poi.coordinates[0].toFixed(8)}, Lng: ${poi.coordinates[1].toFixed(8)}
+    ${t('Lat: {lat}, Lng: {lng}', {
+      lat: poi.coordinates[0].toFixed(8),
+      lng: poi.coordinates[1].toFixed(8),
+    })}
   `
   marker.getTooltip()?.setContent(updatedTooltipContent)
 }
diff --git a/src/views/ToolsDataLakeView.vue b/src/views/ToolsDataLakeView.vue
index f58b52237a..58be30af23 100644
--- a/src/views/ToolsDataLakeView.vue
+++ b/src/views/ToolsDataLakeView.vue
@@ -1,12 +1,12 @@
 <template>
   <BaseConfigurationView>
-    <template #title>Data Lake</template>
+    <template #title>{{ $t('Data-lake') }}</template>
     <template #content>
       <div class="flex-col overflow-y-auto ml-[10px] pr-3 -mr-[10px] max-h-[80vh] w-[1200px]">
         <ExpansiblePanel no-top-divider no-bottom-divider :is-expanded="!interfaceStore.isOnPhoneScreen">
-          <template #title>Variables monitor</template>
+          <template #title>{{ $t('Variables monitor') }}</template>
           <template #info>
-            <p>View, manage, and create data lake variables.</p>
+            <p>{{ $t('View, manage, and create custom variables') }}</p>
           </template>
           <template #content>
             <div class="flex justify-center flex-col ml-2 mb-8 mt-2 w-full h-full">
@@ -15,7 +15,7 @@
                   <input
                     v-model="searchQuery"
                     type="text"
-                    placeholder="Search variables..."
+                    :placeholder="$t('Search variables...')"
                     class="w-full px-3 py-2 bg-[#FFFFFF22] rounded-md text-white placeholder-gray-400 outline-none focus:ring-2 focus:ring-blue-500"
                   />
                   <span
@@ -26,11 +26,11 @@
                 </div>
                 <v-btn variant="text" class="rounded-md" @click="openNewVariableDialog">
                   <v-icon start>mdi-plus</v-icon>
-                  Add variable
+                  {{ $t('Add variable') }}
                 </v-btn>
                 <v-btn variant="text" class="rounded-md" @click="openNewFunctionDialog">
                   <v-icon start>mdi-function-variant</v-icon>
-                  Add compound variable
+                  {{ $t('Add compound variable') }}
                 </v-btn>
               </div>
               <v-data-table
@@ -57,7 +57,7 @@
                               ? 'text-green-400 hover:text-green-400'
                               : 'text-gray-400 hover:text-white',
                           ]"
-                          title="Copy ID"
+                          :title="t('Copy ID')"
                           @click="handleCopy(item.id)"
                         >
                           <span class="mdi mdi-content-copy" />
@@ -65,7 +65,7 @@
                             v-if="copiedId === item.id"
                             class="absolute -top-5 left-1/2 translate-x-2 bg-green-500 text-white px-2 py-1 rounded text-xs whitespace-nowrap z-10"
                           >
-                            Variable ID copied!
+                            {{ t('Variable ID copied!') }}
                           </div>
                         </button>
 
@@ -89,7 +89,7 @@
                     <td>
                       <div class="flex items-center justify-center rounded-xl mx-1">
                         <p class="w-[120px] whitespace-nowrap overflow-hidden text-ellipsis text-center">
-                          {{ item.source }}
+                          {{ translateSource(item.source) }}
                         </p>
                       </div>
                     </td>
@@ -134,7 +134,7 @@
                 <template #no-data>
                   <tr>
                     <td colspan="5" class="text-center flex items-center justify-center h-[50px] w-full">
-                      <p class="text-[16px] ml-[170px] w-full">No data lake variables found</p>
+                      <p class="text-[16px] ml-[170px] w-full">{{ $t('No data lake variables found') }}</p>
                     </td>
                   </tr>
                 </template>
@@ -162,6 +162,7 @@
 <script setup lang="ts">
 import { useThrottle } from '@vueuse/core'
 import { computed, onBeforeMount, onUnmounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import DataLakeVariableDialog from '@/components/DataLakeVariableDialog.vue'
 import ExpansiblePanel from '@/components/ExpansiblePanel.vue'
@@ -188,6 +189,7 @@ import { useAppInterfaceStore } from '@/stores/appInterface'
 
 import BaseConfigurationView from './BaseConfigurationView.vue'
 
+const { t } = useI18n()
 const interfaceStore = useAppInterfaceStore()
 
 type VariableSource = 'Compound' | 'Cockpit internal' | 'User defined'
@@ -203,11 +205,18 @@ interface DataLakeVariableWithSource extends DataLakeVariable {
 }
 
 const tableHeaders = [
-  { title: 'Name', align: 'start', key: 'name', width: '220px', fixed: true, headerProps: { class: 'pl-10' } },
-  { title: 'Type', align: 'center', key: 'type', width: '100px', fixed: true },
-  { title: 'Source', align: 'center', key: 'source', width: '120px', fixed: true },
-  { title: 'Current Value', align: 'start', key: 'value', width: '220px', fixed: true },
-  { title: 'Actions', align: 'end', key: 'actions', width: '100px', fixed: true },
+  {
+    title: t('Name'),
+    align: 'start',
+    key: 'name',
+    width: '220px',
+    fixed: true,
+    headerProps: { class: 'pl-10' },
+  },
+  { title: t('Type'), align: 'center', key: 'type', width: '100px', fixed: true },
+  { title: t('Source'), align: 'center', key: 'source', width: '120px', fixed: true },
+  { title: t('Current Value'), align: 'start', key: 'value', width: '220px', fixed: true },
+  { title: t('Actions'), align: 'end', key: 'actions', width: '100px', fixed: true },
 ] as const
 
 const copiedId = ref<string | null>(null)
@@ -295,6 +304,20 @@ const getVariableSource = (id: string): VariableSource => {
   return 'Cockpit internal'
 }
 
+/**
+ * Translates the source type to localized string
+ * @param {VariableSource} source Source type
+ * @returns {string} Translated source type
+ */
+const translateSource = (source: VariableSource): string => {
+  const sourceMap: Record<VariableSource, string> = {
+    'Compound': t('Compound'),
+    'Cockpit internal': t('Cockpit internal'),
+    'User defined': t('User defined'),
+  }
+  return sourceMap[source] || source
+}
+
 const throttledSearchQuery = useThrottle(searchQuery, 300, true, true)
 
 /**
@@ -355,9 +378,9 @@ const editUserDefinedVariable = (variableId: string): void => {
     idVariableBeingEdited = variableId
     showVariableDialog.value = true
   } else if (variable && !isUserDefinedVariable(variableId)) {
-    openSnackbar({ message: `Variable with ID ${variableId} is not editable`, variant: 'error' })
+    openSnackbar({ message: t("Variable '{id}' is not editable", { id: variableId }), variant: 'error' })
   } else {
-    openSnackbar({ message: `Variable with ID ${variableId} not found`, variant: 'error' })
+    openSnackbar({ message: t("Variable '{id}' was not found", { id: variableId }), variant: 'error' })
   }
 }
 
@@ -381,7 +404,7 @@ const deleteVariable = (id: string): void => {
   } else if (isUserDefinedVariable(id)) {
     deleteDataLakeVariable(id)
   } else {
-    openSnackbar({ message: `Variable with ID ${id} cannot be deleted`, variant: 'error' })
+    openSnackbar({ message: t("Variable '{id}' cannot be deleted", { id }), variant: 'error' })
   }
 }
 
diff --git a/src/views/ToolsMAVLinkView.vue b/src/views/ToolsMAVLinkView.vue
index d5581b0fce..75a21ee2b3 100644
--- a/src/views/ToolsMAVLinkView.vue
+++ b/src/views/ToolsMAVLinkView.vue
@@ -1,19 +1,19 @@
 <template>
   <BaseConfigurationView>
-    <template #title>MAVLink</template>
+    <template #title>{{ $t('MAVLink') }}</template>
     <template #content>
       <div
         class="max-h-[85vh] overflow-y-auto -mr-4"
         :class="interfaceStore.isOnSmallScreen ? 'max-w-[85vw]' : 'max-w-[50vw]'"
       >
         <ExpansiblePanel :is-expanded="!interfaceStore.isOnPhoneScreen" no-top-divider>
-          <template #title>Messages dumper</template>
+          <template #title>{{ $t('Messages dumper') }}</template>
           <template #content>
             <MAVLinkMessagesDumper />
           </template>
         </ExpansiblePanel>
         <ExpansiblePanel :is-expanded="!interfaceStore.isOnPhoneScreen" no-bottom-divider>
-          <template #title>Message Inspector</template>
+          <template #title>{{ $t('Message Inspector') }}</template>
           <template #content>
             <MAVLinkInspector />
           </template>
diff --git a/src/views/WidgetsView.vue b/src/views/WidgetsView.vue
index bc70567290..9a29222422 100644
--- a/src/views/WidgetsView.vue
+++ b/src/views/WidgetsView.vue
@@ -6,9 +6,9 @@
           v-if="view.widgets.isEmpty()"
           class="px-10 py-16 rounded-md flex flex-col justify-center align-center bg-slate-400 font-extrabold text-slate-600 w-[480px] text-center text-3xl"
         >
-          <p>You currently have no widgets!</p>
+          <p>{{ $t('You currently have no widgets!') }}</p>
           <br />
-          <p>Open edit mode to start tweaking this view.</p>
+          <p>{{ $t('Open edit mode to start tweaking this view.') }}</p>
         </div>
       </div>
       <SnappingGrid v-if="store.snapToGrid && store.editingMode" :grid-interval="store.gridInterval" />
diff --git a/yarn.lock b/yarn.lock
index 587b6ad9e1..96fe065e9e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,14 +12,6 @@
   resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
   integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
 
-"@ampproject/remapping@^2.2.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
-  integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.24"
-
 "@apideck/better-ajv-errors@^0.3.1":
   version "0.3.6"
   resolved "https://registry.yarnpkg.com/@apideck/better-ajv-errors/-/better-ajv-errors-0.3.6.tgz#957d4c28e886a64a8141f7522783be65733ff097"
@@ -29,127 +21,132 @@
     jsonpointer "^5.0.0"
     leven "^3.1.0"
 
-"@babel/code-frame@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
-  integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
+"@babel/code-frame@^7.28.6", "@babel/code-frame@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.29.0.tgz#7cd7a59f15b3cc0dcd803038f7792712a7d0b15c"
+  integrity sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
     js-tokens "^4.0.0"
     picocolors "^1.1.1"
 
-"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.27.2":
-  version "7.27.5"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.27.5.tgz#7d0658ec1a8420fc866d1df1b03bea0e79934c82"
-  integrity sha512-KiRAp/VoJaWkkte84TvUd9qjdbZAdiqyvMxrGl1N6vzFogKmaLgoM3L1kgtLicp2HP5fBJS8JrZKLVIZGVJAVg==
+"@babel/compat-data@^7.28.6", "@babel/compat-data@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.29.0.tgz#00d03e8c0ac24dd9be942c5370990cbe1f17d88d"
+  integrity sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==
 
 "@babel/core@^7.24.4":
-  version "7.27.4"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.27.4.tgz#cc1fc55d0ce140a1828d1dd2a2eba285adbfb3ce"
-  integrity sha512-bXYxrXFubeYdvB0NhD/NBB3Qi6aZeV20GOWVI47t2dkecCEoneR4NPVcb7abpXDEvejgrUfFtG6vG/zxAKmg+g==
-  dependencies:
-    "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.27.3"
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-module-transforms" "^7.27.3"
-    "@babel/helpers" "^7.27.4"
-    "@babel/parser" "^7.27.4"
-    "@babel/template" "^7.27.2"
-    "@babel/traverse" "^7.27.4"
-    "@babel/types" "^7.27.3"
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.29.0.tgz#5286ad785df7f79d656e88ce86e650d16ca5f322"
+  integrity sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==
+  dependencies:
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helpers" "^7.28.6"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    "@jridgewell/remapping" "^2.3.5"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.27.3":
-  version "7.27.5"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.5.tgz#3eb01866b345ba261b04911020cbe22dd4be8c8c"
-  integrity sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==
+"@babel/generator@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.29.0.tgz#4cba5a76b3c71d8be31761b03329d5dc7768447f"
+  integrity sha512-vSH118/wwM/pLR38g/Sgk05sNtro6TlTJKuiMXDaZqPUfjTFcudpCOt00IhOfj+1BFAX+UFAlzCU+6WXr3GLFQ==
   dependencies:
-    "@babel/parser" "^7.27.5"
-    "@babel/types" "^7.27.3"
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
+    "@babel/parser" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
     jsesc "^3.0.2"
 
-"@babel/helper-annotate-as-pure@^7.27.1":
+"@babel/helper-annotate-as-pure@^7.27.1", "@babel/helper-annotate-as-pure@^7.27.3":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz#f31fd86b915fc4daf1f3ac6976c59be7084ed9c5"
   integrity sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==
   dependencies:
     "@babel/types" "^7.27.3"
 
-"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.27.1", "@babel/helper-compilation-targets@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz#46a0f6efab808d51d29ce96858dd10ce8732733d"
-  integrity sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==
+"@babel/helper-compilation-targets@^7.27.1", "@babel/helper-compilation-targets@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz#32c4a3f41f12ed1532179b108a4d746e105c2b25"
+  integrity sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==
   dependencies:
-    "@babel/compat-data" "^7.27.2"
+    "@babel/compat-data" "^7.28.6"
     "@babel/helper-validator-option" "^7.27.1"
     browserslist "^4.24.0"
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz#5bee4262a6ea5ddc852d0806199eb17ca3de9281"
-  integrity sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==
+"@babel/helper-create-class-features-plugin@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.6.tgz#611ff5482da9ef0db6291bcd24303400bca170fb"
+  integrity sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-member-expression-to-functions" "^7.27.1"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-member-expression-to-functions" "^7.28.5"
     "@babel/helper-optimise-call-expression" "^7.27.1"
-    "@babel/helper-replace-supers" "^7.27.1"
+    "@babel/helper-replace-supers" "^7.28.6"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
     semver "^6.3.1"
 
-"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.27.1.tgz#05b0882d97ba1d4d03519e4bce615d70afa18c53"
-  integrity sha512-uVDC72XVf8UbrH5qQTc18Agb8emwjTiZrQE11Nv3CuBEZmVvTwwE9CBUEvHku06gQCAyYf8Nv6ja1IN+6LMbxQ==
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.27.1", "@babel/helper-create-regexp-features-plugin@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.28.5.tgz#7c1ddd64b2065c7f78034b25b43346a7e19ed997"
+  integrity sha512-N1EhvLtHzOvj7QQOUCCS3NrPJP8c5W6ZXCHDn7Yialuy1iu4r5EmIYkXlKNqT99Ciw+W0mDqWoR6HWMZlFP3hw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    regexpu-core "^6.2.0"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    regexpu-core "^6.3.1"
     semver "^6.3.1"
 
-"@babel/helper-define-polyfill-provider@^0.6.3", "@babel/helper-define-polyfill-provider@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.4.tgz#15e8746368bfa671785f5926ff74b3064c291fab"
-  integrity sha512-jljfR1rGnXXNWnmQg2K3+bvhkxB51Rl32QRaOTuwwjviGrHzIbSc8+x9CpraDtbT7mfyjXObULP4w/adunNwAw==
+"@babel/helper-define-polyfill-provider@^0.6.6":
+  version "0.6.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.6.tgz#714dfe33d8bd710f556df59953720f6eeb6c1a14"
+  integrity sha512-mOAsxeeKkUKayvZR3HeTYD/fICpCPLJrU5ZjelT/PA6WHtNDBOE436YiaEUvHN454bRM3CebhDsIpieCc4texA==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.22.6"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    debug "^4.1.1"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    debug "^4.4.3"
     lodash.debounce "^4.0.8"
-    resolve "^1.14.2"
+    resolve "^1.22.11"
 
-"@babel/helper-member-expression-to-functions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz#ea1211276be93e798ce19037da6f06fbb994fa44"
-  integrity sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==
+"@babel/helper-globals@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
+  integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
+
+"@babel/helper-member-expression-to-functions@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.28.5.tgz#f3e07a10be37ed7a63461c63e6929575945a6150"
+  integrity sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==
   dependencies:
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
+    "@babel/traverse" "^7.28.5"
+    "@babel/types" "^7.28.5"
 
-"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz#7ef769a323e2655e126673bb6d2d6913bbead204"
-  integrity sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==
+"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz#60632cbd6ffb70b22823187201116762a03e2d5c"
+  integrity sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==
   dependencies:
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/helper-module-transforms@^7.27.1", "@babel/helper-module-transforms@^7.27.3":
-  version "7.27.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz#db0bbcfba5802f9ef7870705a7ef8788508ede02"
-  integrity sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==
+"@babel/helper-module-transforms@^7.27.1", "@babel/helper-module-transforms@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz#9312d9d9e56edc35aeb6e95c25d4106b50b9eb1e"
+  integrity sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==
   dependencies:
-    "@babel/helper-module-imports" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-    "@babel/traverse" "^7.27.3"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/helper-optimise-call-expression@^7.27.1":
   version "7.27.1"
@@ -158,10 +155,10 @@
   dependencies:
     "@babel/types" "^7.27.1"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz#ddb2f876534ff8013e6c2b299bf4d39b3c51d44c"
-  integrity sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.27.1", "@babel/helper-plugin-utils@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz#6f13ea251b68c8532e985fd532f28741a8af9ac8"
+  integrity sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==
 
 "@babel/helper-remap-async-to-generator@^7.27.1":
   version "7.27.1"
@@ -172,14 +169,14 @@
     "@babel/helper-wrap-function" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/helper-replace-supers@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz#b1ed2d634ce3bdb730e4b52de30f8cccfd692bc0"
-  integrity sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==
+"@babel/helper-replace-supers@^7.27.1", "@babel/helper-replace-supers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.28.6.tgz#94aa9a1d7423a00aead3f204f78834ce7d53fe44"
+  integrity sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==
   dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.27.1"
+    "@babel/helper-member-expression-to-functions" "^7.28.5"
     "@babel/helper-optimise-call-expression" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/helper-skip-transparent-expression-wrappers@^7.27.1":
   version "7.27.1"
@@ -194,10 +191,10 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
   integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
 
-"@babel/helper-validator-identifier@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
-  integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
+"@babel/helper-validator-identifier@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz#010b6938fab7cb7df74aa2bbc06aa503b8fe5fb4"
+  integrity sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==
 
 "@babel/helper-validator-option@^7.27.1":
   version "7.27.1"
@@ -205,36 +202,36 @@
   integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
 
 "@babel/helper-wrap-function@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.27.1.tgz#b88285009c31427af318d4fe37651cd62a142409"
-  integrity sha512-NFJK2sHUvrjo8wAU/nQTWU890/zB2jj0qBcCbZbbf+005cAsv6tMjXz31fBign6M5ov1o0Bllu+9nbqkfsjjJQ==
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.28.6.tgz#4e349ff9222dab69a93a019cc296cdd8442e279a"
+  integrity sha512-z+PwLziMNBeSQJonizz2AGnndLsP2DeGHIxDAn+wdHOGuo4Fo1x1HBPPXeE9TAOPHNNWQKCSlA2VZyYyyibDnQ==
   dependencies:
-    "@babel/template" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/helpers@^7.27.4":
-  version "7.27.6"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.27.6.tgz#6456fed15b2cb669d2d1fabe84b66b34991d812c"
-  integrity sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==
+"@babel/helpers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.6.tgz#fca903a313ae675617936e8998b814c415cbf5d7"
+  integrity sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==
   dependencies:
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.27.6"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/parser@^7.27.2", "@babel/parser@^7.27.4", "@babel/parser@^7.27.5":
-  version "7.27.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.5.tgz#ed22f871f110aa285a6fd934a0efed621d118826"
-  integrity sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==
+"@babel/parser@^7.28.5", "@babel/parser@^7.28.6", "@babel/parser@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.29.0.tgz#669ef345add7d057e92b7ed15f0bac07611831b6"
+  integrity sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==
   dependencies:
-    "@babel/types" "^7.27.3"
+    "@babel/types" "^7.29.0"
 
-"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.27.1.tgz#61dd8a8e61f7eb568268d1b5f129da3eee364bf9"
-  integrity sha512-QPG3C9cCVRQLxAVwmefEmwdTanECuUBMQZ/ym5kiw3XKCGA7qkuQLcjWWHcrD/GKbn/WmJwaezfuuAOcyKlRPA==
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.28.5.tgz#fbde57974707bbfa0376d34d425ff4fa6c732421"
+  integrity sha512-87GDMS3tsmMSi/3bWOte1UblL+YUTFMV8SZPZ2eSEL17s74Cw/l63rR6NmGVKMYW2GYi85nE+/d6Hw5N0bEk2Q==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.5"
 
 "@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.27.1":
   version "7.27.1"
@@ -259,32 +256,32 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
     "@babel/plugin-transform-optional-chaining" "^7.27.1"
 
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.27.1.tgz#bb1c25af34d75115ce229a1de7fa44bf8f955670"
-  integrity sha512-6BpaYGDavZqkI6yT+KSPdpZFfpnd68UKXbcjI9pJ13pvHhPrCKWOOLp+ysvMeA+DxnhuPpgIaRpxRxo5A9t5jw==
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.6.tgz#0e8289cec28baaf05d54fd08d81ae3676065f69f"
+  integrity sha512-a0aBScVTlNaiUe35UtfxAN7A/tehvvG4/ByO6+46VPKTRSlfnAFsgKy0FUh+qAkQrDTmhDkT+IBOKlOoMUxQ0g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
   version "7.21.0-placeholder-for-preset-env.2"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
   integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
 
-"@babel/plugin-syntax-import-assertions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz#88894aefd2b03b5ee6ad1562a7c8e1587496aecd"
-  integrity sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==
+"@babel/plugin-syntax-import-assertions@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.28.6.tgz#ae9bc1923a6ba527b70104dd2191b0cd872c8507"
+  integrity sha512-pSJUpFHdx9z5nqTSirOCMtYVP2wFgoWhP0p3g8ONK/4IHhLIBd0B9NYqAvIUAhq+OkhO4VM1tENCt0cjlsNShw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-syntax-import-attributes@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz#34c017d54496f9b11b61474e7ea3dfd5563ffe07"
-  integrity sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==
+"@babel/plugin-syntax-import-attributes@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.28.6.tgz#b71d5914665f60124e133696f17cd7669062c503"
+  integrity sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
   version "7.18.6"
@@ -301,22 +298,22 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-async-generator-functions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.27.1.tgz#ca433df983d68e1375398e7ca71bf2a4f6fd89d7"
-  integrity sha512-eST9RrwlpaoJBDHShc+DS2SG4ATTi2MYNb4OxYkf3n+7eb49LWpnS+HSpVfW4x927qQwgk8A2hGNVaajAEw0EA==
+"@babel/plugin-transform-async-generator-functions@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.29.0.tgz#63ed829820298f0bf143d5a4a68fb8c06ffd742f"
+  integrity sha512-va0VdWro4zlBr2JsXC+ofCPB2iG12wPtVGTWFx2WLDOM3nYQZZIGP82qku2eW/JR83sD+k2k+CsNtyEbUqhU6w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-remap-async-to-generator" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.29.0"
 
-"@babel/plugin-transform-async-to-generator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz#9a93893b9379b39466c74474f55af03de78c66e7"
-  integrity sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==
+"@babel/plugin-transform-async-to-generator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.28.6.tgz#bd97b42237b2d1bc90d74bcb486c39be5b4d7e77"
+  integrity sha512-ilTRcmbuXjsMmcZ3HASTe4caH5Tpo93PkTxF9oG2VZsSWsahydmcEHhix9Ik122RcTnZnUzPbmux4wh1swfv7g==
   dependencies:
-    "@babel/helper-module-imports" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-remap-async-to-generator" "^7.27.1"
 
 "@babel/plugin-transform-block-scoped-functions@^7.27.1":
@@ -326,63 +323,64 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-block-scoping@^7.27.1":
-  version "7.27.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.27.5.tgz#98c37485d815533623d992fd149af3e7b3140157"
-  integrity sha512-JF6uE2s67f0y2RZcm2kpAUEbD50vH62TyWVebxwHAlbSdM49VqPz8t4a1uIjp4NIOIZ4xzLfjY5emt/RCyC7TQ==
+"@babel/plugin-transform-block-scoping@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.6.tgz#e1ef5633448c24e76346125c2534eeb359699a99"
+  integrity sha512-tt/7wOtBmwHPNMPu7ax4pdPz6shjFrmHDghvNC+FG9Qvj7D6mJcoRQIF5dy4njmxR941l6rgtvfSB2zX3VlUIw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-class-properties@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz#dd40a6a370dfd49d32362ae206ddaf2bb082a925"
-  integrity sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==
+"@babel/plugin-transform-class-properties@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.28.6.tgz#d274a4478b6e782d9ea987fda09bdb6d28d66b72"
+  integrity sha512-dY2wS3I2G7D697VHndN91TJr8/AAfXQNt5ynCTI/MpxMsSzHp+52uNivYT5wCPax3whc47DR8Ba7cmlQMg24bw==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-class-static-block@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.27.1.tgz#7e920d5625b25bbccd3061aefbcc05805ed56ce4"
-  integrity sha512-s734HmYU78MVzZ++joYM+NkJusItbdRcbm+AGRgJCt3iA+yux0QpD9cBVdz3tKyrjVYWRl7j0mHSmv4lhV0aoA==
+"@babel/plugin-transform-class-static-block@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.6.tgz#1257491e8259c6d125ac4d9a6f39f9d2bf3dba70"
+  integrity sha512-rfQ++ghVwTWTqQ7w8qyDxL1XGihjBss4CmTgGRCTAC9RIbhVpyp4fOeZtta0Lbf+dTNIVJer6ych2ibHwkZqsQ==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-classes@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.27.1.tgz#03bb04bea2c7b2f711f0db7304a8da46a85cced4"
-  integrity sha512-7iLhfFAubmpeJe/Wo2TVuDrykh/zlWXLzPNdL0Jqn/Xu8R3QQ8h9ff8FQoISZOsw74/HFqFI7NX63HN7QFIHKA==
+"@babel/plugin-transform-classes@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.6.tgz#8f6fb79ba3703978e701ce2a97e373aae7dda4b7"
+  integrity sha512-EF5KONAqC5zAqT783iMGuM2ZtmEBy+mJMOKl2BCvPZ2lVrwvXnB6o+OBWCS+CoeCCpVRF2sA2RBKUxvT8tQT5Q==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-compilation-targets" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-replace-supers" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-    globals "^11.1.0"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/helper-replace-supers" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
 
-"@babel/plugin-transform-computed-properties@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz#81662e78bf5e734a97982c2b7f0a793288ef3caa"
-  integrity sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==
+"@babel/plugin-transform-computed-properties@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.28.6.tgz#936824fc71c26cb5c433485776d79c8e7b0202d2"
+  integrity sha512-bcc3k0ijhHbc2lEfpFHgx7eYw9KNXqOerKWfzbxEHUGKnS3sz9C4CNL9OiFN1297bDNfUiSO7DaLzbvHQQQ1BQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/template" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/template" "^7.28.6"
 
-"@babel/plugin-transform-destructuring@^7.27.1", "@babel/plugin-transform-destructuring@^7.27.3":
-  version "7.27.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.27.3.tgz#3cc8299ed798d9a909f8d66ddeb40849ec32e3b0"
-  integrity sha512-s4Jrok82JpiaIprtY2nHsYmrThKvvwgHwjgd7UMiYhZaN0asdXNLr0y+NjTfkA7SyQE5i2Fb7eawUOZmLvyqOA==
+"@babel/plugin-transform-destructuring@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz#b8402764df96179a2070bb7b501a1586cf8ad7a7"
+  integrity sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/traverse" "^7.28.5"
 
-"@babel/plugin-transform-dotall-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz#aa6821de864c528b1fecf286f0a174e38e826f4d"
-  integrity sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==
+"@babel/plugin-transform-dotall-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.28.6.tgz#def31ed84e0fb6e25c71e53c124e7b76a4ab8e61"
+  integrity sha512-SljjowuNKB7q5Oayv4FoPzeB74g3QgLt8IVJw9ADvWy3QnUb/01aw8I4AVv8wYnPvQz2GDDZ/g3GhcNyDBI4Bg==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-duplicate-keys@^7.27.1":
   version "7.27.1"
@@ -391,13 +389,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz#5043854ca620a94149372e69030ff8cb6a9eb0ec"
-  integrity sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.29.0.tgz#8014b8a6cfd0e7b92762724443bf0d2400f26df1"
+  integrity sha512-zBPcW2lFGxdiD8PUnPwJjag2J9otbcLQzvbiOzDxpYXyCuYX9agOwMPGn1prVH0a4qzhCKu24rlH4c1f7yA8rw==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-dynamic-import@^7.27.1":
   version "7.27.1"
@@ -406,12 +404,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-exponentiation-operator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.27.1.tgz#fc497b12d8277e559747f5a3ed868dd8064f83e1"
-  integrity sha512-uspvXnhHvGKf2r4VVtBpeFnuDWsJLQ6MF6lGJLC89jBR1uoVeqM416AZtTuhTezOfgHicpJQmoD5YUakO/YmXQ==
+"@babel/plugin-transform-explicit-resource-management@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.6.tgz#dd6788f982c8b77e86779d1d029591e39d9d8be7"
+  integrity sha512-Iao5Konzx2b6g7EPqTy40UZbcdXE126tTxVFr/nAIj+WItNxjKSYTEw3RC+A2/ZetmdJsgueL1KhaMCQHkLPIg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
+
+"@babel/plugin-transform-exponentiation-operator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.6.tgz#5e477eb7eafaf2ab5537a04aaafcf37e2d7f1091"
+  integrity sha512-WitabqiGjV/vJ0aPOLSFfNY1u9U3R7W36B03r5I2KoNix+a3sOhJ3pKFB3R5It9/UiK78NiO0KE9P21cMhlPkw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-export-namespace-from@^7.27.1":
   version "7.27.1"
@@ -437,12 +443,12 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/plugin-transform-json-strings@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz#a2e0ce6ef256376bd527f290da023983527a4f4c"
-  integrity sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==
+"@babel/plugin-transform-json-strings@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.28.6.tgz#4c8c15b2dc49e285d110a4cf3dac52fd2dfc3038"
+  integrity sha512-Nr+hEN+0geQkzhbdgQVPoqr47lZbm+5fCUmO70722xJZd0Mvb59+33QLImGj6F+DkK3xgDi1YVysP8whD6FQAw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-literals@^7.27.1":
   version "7.27.1"
@@ -451,12 +457,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.27.1.tgz#890cb20e0270e0e5bebe3f025b434841c32d5baa"
-  integrity sha512-SJvDs5dXxiae4FbSL1aBJlG4wvl594N6YEVVn9e3JGulwioy6z3oPjx/sQBO3Y4NwUu5HNix6KJ3wBZoewcdbw==
+"@babel/plugin-transform-logical-assignment-operators@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.6.tgz#53028a3d77e33c50ef30a8fce5ca17065936e605"
+  integrity sha512-+anKKair6gpi8VsM/95kmomGNMD0eLz1NQ8+Pfw5sAwWH9fGYXT50E55ZpV0pHUHWf6IUTWPM+f/7AAff+wr9A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-member-expression-literals@^7.27.1":
   version "7.27.1"
@@ -473,23 +479,23 @@
     "@babel/helper-module-transforms" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-modules-commonjs@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz#8e44ed37c2787ecc23bdc367f49977476614e832"
-  integrity sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==
+"@babel/plugin-transform-modules-commonjs@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.28.6.tgz#c0232e0dfe66a734cc4ad0d5e75fc3321b6fdef1"
+  integrity sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==
   dependencies:
-    "@babel/helper-module-transforms" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-modules-systemjs@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.27.1.tgz#00e05b61863070d0f3292a00126c16c0e024c4ed"
-  integrity sha512-w5N1XzsRbc0PQStASMksmUeqECuzKuTJer7kFagK8AXgpCMkeDMO5S+aaFb7A51ZYDF7XI34qsTX+fkHiIm5yA==
+"@babel/plugin-transform-modules-systemjs@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.29.0.tgz#e458a95a17807c415924106a3ff188a3b8dee964"
+  integrity sha512-PrujnVFbOdUpw4UHiVwKvKRLMMic8+eC0CuNlxjsyZUiBjhFdPsewdXCkveh2KqBA9/waD0W1b4hXSOBQJezpQ==
   dependencies:
-    "@babel/helper-module-transforms" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    "@babel/traverse" "^7.29.0"
 
 "@babel/plugin-transform-modules-umd@^7.27.1":
   version "7.27.1"
@@ -499,13 +505,13 @@
     "@babel/helper-module-transforms" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz#f32b8f7818d8fc0cc46ee20a8ef75f071af976e1"
-  integrity sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==
+"@babel/plugin-transform-named-capturing-groups-regex@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.29.0.tgz#a26cd51e09c4718588fc4cce1c5d1c0152102d6a"
+  integrity sha512-1CZQA5KNAD6ZYQLPw7oi5ewtDNxH/2vuCh+6SmvgDfhumForvs8a1o9n0UrEoBD8HU4djO2yWngTQlXl1NDVEQ==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-new-target@^7.27.1":
   version "7.27.1"
@@ -514,29 +520,30 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-nullish-coalescing-operator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz#4f9d3153bf6782d73dd42785a9d22d03197bc91d"
-  integrity sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==
+"@babel/plugin-transform-nullish-coalescing-operator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.28.6.tgz#9bc62096e90ab7a887f3ca9c469f6adec5679757"
+  integrity sha512-3wKbRgmzYbw24mDJXT7N+ADXw8BC/imU9yo9c9X9NKaLF1fW+e5H1U5QjMUBe4Qo4Ox/o++IyUkl1sVCLgevKg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-numeric-separator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz#614e0b15cc800e5997dadd9bd6ea524ed6c819c6"
-  integrity sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==
+"@babel/plugin-transform-numeric-separator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.28.6.tgz#1310b0292762e7a4a335df5f580c3320ee7d9e9f"
+  integrity sha512-SJR8hPynj8outz+SlStQSwvziMN4+Bq99it4tMIf5/Caq+3iOc0JtKyse8puvyXkk3eFRIA5ID/XfunGgO5i6w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-object-rest-spread@^7.27.2":
-  version "7.27.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.27.3.tgz#ce130aa73fef828bc3e3e835f9bc6144be3eb1c0"
-  integrity sha512-7ZZtznF9g4l2JCImCo5LNKFHB5eXnN39lLtLY5Tg+VkR0jwOt7TBciMckuiQIOIW7L5tkQOCh3bVGYeXgMx52Q==
+"@babel/plugin-transform-object-rest-spread@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.6.tgz#fdd4bc2d72480db6ca42aed5c051f148d7b067f7"
+  integrity sha512-5rh+JR4JBC4pGkXLAcYdLHZjXudVxWMXbB6u6+E9lRL5TrGVbHt1TjxGbZ8CkmYw9zjkB7jutzOROArsqtncEA==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.27.3"
-    "@babel/plugin-transform-parameters" "^7.27.1"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
+    "@babel/plugin-transform-parameters" "^7.27.7"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/plugin-transform-object-super@^7.27.1":
   version "7.27.1"
@@ -546,44 +553,44 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-replace-supers" "^7.27.1"
 
-"@babel/plugin-transform-optional-catch-binding@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz#84c7341ebde35ccd36b137e9e45866825072a30c"
-  integrity sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==
+"@babel/plugin-transform-optional-catch-binding@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.28.6.tgz#75107be14c78385978201a49c86414a150a20b4c"
+  integrity sha512-R8ja/Pyrv0OGAvAXQhSTmWyPJPml+0TMqXlO5w+AsMEiwb2fg3WkOvob7UxFSL3OIttFSGSRFKQsOhJ/X6HQdQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-optional-chaining@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.27.1.tgz#874ce3c4f06b7780592e946026eb76a32830454f"
-  integrity sha512-BQmKPPIuc8EkZgNKsv0X4bPmOoayeu4F1YCwx2/CfmDSXDbp7GnzlUH+/ul5VGfRg1AoFPsrIThlEBj2xb4CAg==
+"@babel/plugin-transform-optional-chaining@^7.27.1", "@babel/plugin-transform-optional-chaining@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.6.tgz#926cf150bd421fc8362753e911b4a1b1ce4356cd"
+  integrity sha512-A4zobikRGJTsX9uqVFdafzGkqD30t26ck2LmOzAuLL8b2x6k3TIqRiT2xVvA9fNmFeTX484VpsdgmKNA0bS23w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
-"@babel/plugin-transform-parameters@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.1.tgz#80334b54b9b1ac5244155a0c8304a187a618d5a7"
-  integrity sha512-018KRk76HWKeZ5l4oTj2zPpSh+NbGdt0st5S6x0pga6HgrjBOJb24mMDHorFopOOd6YHkLgOZ+zaCjZGPO4aKg==
+"@babel/plugin-transform-parameters@^7.27.7":
+  version "7.27.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz#1fd2febb7c74e7d21cf3b05f7aebc907940af53a"
+  integrity sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-private-methods@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz#fdacbab1c5ed81ec70dfdbb8b213d65da148b6af"
-  integrity sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==
+"@babel/plugin-transform-private-methods@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.28.6.tgz#c76fbfef3b86c775db7f7c106fff544610bdb411"
+  integrity sha512-piiuapX9CRv7+0st8lmuUlRSmX6mBcVeNQ1b4AYzJxfCMuBfB0vBXDiGSmm03pKJw1v6cZ8KSeM+oUnM6yAExg==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-private-property-in-object@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz#4dbbef283b5b2f01a21e81e299f76e35f900fb11"
-  integrity sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==
+"@babel/plugin-transform-private-property-in-object@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.28.6.tgz#4fafef1e13129d79f1d75ac180c52aafefdb2811"
+  integrity sha512-b97jvNSOb5+ehyQmBpmhOCiUC5oVK4PMnpRvO7+ymFBoqYjeDHIU9jnrNUuwHOiL9RpGDoKBpSViarV+BU+eVA==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-property-literals@^7.27.1":
   version "7.27.1"
@@ -592,20 +599,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-regenerator@^7.27.1":
-  version "7.27.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.27.5.tgz#0c01f4e0e4cced15f68ee14b9c76dac9813850c7"
-  integrity sha512-uhB8yHerfe3MWnuLAhEbeQ4afVoqv8BQsPqrTv7e/jZ9y00kJL6l9a/f4OWaKxotmjzewfEyXE1vgDJenkQ2/Q==
+"@babel/plugin-transform-regenerator@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.29.0.tgz#dec237cec1b93330876d6da9992c4abd42c9d18b"
+  integrity sha512-FijqlqMA7DmRdg/aINBSs04y8XNTYw/lr1gJ2WsmBnnaNw1iS43EPkJW+zK7z65auG3AWRFXWj+NcTQwYptUog==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-regexp-modifiers@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz#df9ba5577c974e3f1449888b70b76169998a6d09"
-  integrity sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==
+"@babel/plugin-transform-regexp-modifiers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.28.6.tgz#7ef0163bd8b4a610481b2509c58cf217f065290b"
+  integrity sha512-QGWAepm9qxpaIs7UM9FvUSnCGlb8Ua1RhyM4/veAxLwt3gMat/LSGrZixyuj4I6+Kn9iwvqCyPTtbdxanYoWYg==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-reserved-words@^7.27.1":
   version "7.27.1"
@@ -621,12 +628,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-spread@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz#1a264d5fc12750918f50e3fe3e24e437178abb08"
-  integrity sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==
+"@babel/plugin-transform-spread@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.28.6.tgz#40a2b423f6db7b70f043ad027a58bcb44a9757b6"
+  integrity sha512-9U4QObUC0FtJl05AsUcodau/RWDytrU6uKgkxu09mLR9HLDAtUMoPuuskm5huQsoktmsYpI+bGmq+iapDcriKA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
 "@babel/plugin-transform-sticky-regex@^7.27.1":
@@ -657,13 +664,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-unicode-property-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz#bdfe2d3170c78c5691a3c3be934c8c0087525956"
-  integrity sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==
+"@babel/plugin-transform-unicode-property-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.28.6.tgz#63a7a6c21a0e75dae9b1861454111ea5caa22821"
+  integrity sha512-4Wlbdl/sIZjzi/8St0evF0gEZrgOswVO6aOzqxh1kDZOl9WmLrHq2HtGhnOJZmHZYKP8WZ1MDLCt5DAWwRo57A==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-unicode-regex@^7.27.1":
   version "7.27.1"
@@ -673,87 +680,88 @@
     "@babel/helper-create-regexp-features-plugin" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-unicode-sets-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz#6ab706d10f801b5c72da8bb2548561fa04193cd1"
-  integrity sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==
+"@babel/plugin-transform-unicode-sets-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.28.6.tgz#924912914e5df9fe615ec472f88ff4788ce04d4e"
+  integrity sha512-/wHc/paTUmsDYN7SZkpWxogTOBNnlx7nBQYfy6JJlCT7G3mVhltk3e++N7zV0XfgGsrqBxd4rJQt9H16I21Y1Q==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/preset-env@^7.11.0":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.27.2.tgz#106e6bfad92b591b1f6f76fd4cf13b7725a7bf9a"
-  integrity sha512-Ma4zSuYSlGNRlCLO+EAzLnCmJK2vdstgv+n7aUP+/IKZrOfWHOJVdSJtuub8RzHTj3ahD37k5OKJWvzf16TQyQ==
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.29.0.tgz#c55db400c515a303662faaefd2d87e796efa08d0"
+  integrity sha512-fNEdfc0yi16lt6IZo2Qxk3knHVdfMYX33czNb4v8yWhemoBhibCpQK/uYHtSKIiO+p/zd3+8fYVXhQdOVV608w==
   dependencies:
-    "@babel/compat-data" "^7.27.2"
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/compat-data" "^7.29.0"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-validator-option" "^7.27.1"
-    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.27.1"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.28.5"
     "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.27.1"
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.27.1"
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.27.1"
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.27.1"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.28.6"
     "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
-    "@babel/plugin-syntax-import-assertions" "^7.27.1"
-    "@babel/plugin-syntax-import-attributes" "^7.27.1"
+    "@babel/plugin-syntax-import-assertions" "^7.28.6"
+    "@babel/plugin-syntax-import-attributes" "^7.28.6"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
     "@babel/plugin-transform-arrow-functions" "^7.27.1"
-    "@babel/plugin-transform-async-generator-functions" "^7.27.1"
-    "@babel/plugin-transform-async-to-generator" "^7.27.1"
+    "@babel/plugin-transform-async-generator-functions" "^7.29.0"
+    "@babel/plugin-transform-async-to-generator" "^7.28.6"
     "@babel/plugin-transform-block-scoped-functions" "^7.27.1"
-    "@babel/plugin-transform-block-scoping" "^7.27.1"
-    "@babel/plugin-transform-class-properties" "^7.27.1"
-    "@babel/plugin-transform-class-static-block" "^7.27.1"
-    "@babel/plugin-transform-classes" "^7.27.1"
-    "@babel/plugin-transform-computed-properties" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.27.1"
-    "@babel/plugin-transform-dotall-regex" "^7.27.1"
+    "@babel/plugin-transform-block-scoping" "^7.28.6"
+    "@babel/plugin-transform-class-properties" "^7.28.6"
+    "@babel/plugin-transform-class-static-block" "^7.28.6"
+    "@babel/plugin-transform-classes" "^7.28.6"
+    "@babel/plugin-transform-computed-properties" "^7.28.6"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
+    "@babel/plugin-transform-dotall-regex" "^7.28.6"
     "@babel/plugin-transform-duplicate-keys" "^7.27.1"
-    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.27.1"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.29.0"
     "@babel/plugin-transform-dynamic-import" "^7.27.1"
-    "@babel/plugin-transform-exponentiation-operator" "^7.27.1"
+    "@babel/plugin-transform-explicit-resource-management" "^7.28.6"
+    "@babel/plugin-transform-exponentiation-operator" "^7.28.6"
     "@babel/plugin-transform-export-namespace-from" "^7.27.1"
     "@babel/plugin-transform-for-of" "^7.27.1"
     "@babel/plugin-transform-function-name" "^7.27.1"
-    "@babel/plugin-transform-json-strings" "^7.27.1"
+    "@babel/plugin-transform-json-strings" "^7.28.6"
     "@babel/plugin-transform-literals" "^7.27.1"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.27.1"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.28.6"
     "@babel/plugin-transform-member-expression-literals" "^7.27.1"
     "@babel/plugin-transform-modules-amd" "^7.27.1"
-    "@babel/plugin-transform-modules-commonjs" "^7.27.1"
-    "@babel/plugin-transform-modules-systemjs" "^7.27.1"
+    "@babel/plugin-transform-modules-commonjs" "^7.28.6"
+    "@babel/plugin-transform-modules-systemjs" "^7.29.0"
     "@babel/plugin-transform-modules-umd" "^7.27.1"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.27.1"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.29.0"
     "@babel/plugin-transform-new-target" "^7.27.1"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.27.1"
-    "@babel/plugin-transform-numeric-separator" "^7.27.1"
-    "@babel/plugin-transform-object-rest-spread" "^7.27.2"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.28.6"
+    "@babel/plugin-transform-numeric-separator" "^7.28.6"
+    "@babel/plugin-transform-object-rest-spread" "^7.28.6"
     "@babel/plugin-transform-object-super" "^7.27.1"
-    "@babel/plugin-transform-optional-catch-binding" "^7.27.1"
-    "@babel/plugin-transform-optional-chaining" "^7.27.1"
-    "@babel/plugin-transform-parameters" "^7.27.1"
-    "@babel/plugin-transform-private-methods" "^7.27.1"
-    "@babel/plugin-transform-private-property-in-object" "^7.27.1"
+    "@babel/plugin-transform-optional-catch-binding" "^7.28.6"
+    "@babel/plugin-transform-optional-chaining" "^7.28.6"
+    "@babel/plugin-transform-parameters" "^7.27.7"
+    "@babel/plugin-transform-private-methods" "^7.28.6"
+    "@babel/plugin-transform-private-property-in-object" "^7.28.6"
     "@babel/plugin-transform-property-literals" "^7.27.1"
-    "@babel/plugin-transform-regenerator" "^7.27.1"
-    "@babel/plugin-transform-regexp-modifiers" "^7.27.1"
+    "@babel/plugin-transform-regenerator" "^7.29.0"
+    "@babel/plugin-transform-regexp-modifiers" "^7.28.6"
     "@babel/plugin-transform-reserved-words" "^7.27.1"
     "@babel/plugin-transform-shorthand-properties" "^7.27.1"
-    "@babel/plugin-transform-spread" "^7.27.1"
+    "@babel/plugin-transform-spread" "^7.28.6"
     "@babel/plugin-transform-sticky-regex" "^7.27.1"
     "@babel/plugin-transform-template-literals" "^7.27.1"
     "@babel/plugin-transform-typeof-symbol" "^7.27.1"
     "@babel/plugin-transform-unicode-escapes" "^7.27.1"
-    "@babel/plugin-transform-unicode-property-regex" "^7.27.1"
+    "@babel/plugin-transform-unicode-property-regex" "^7.28.6"
     "@babel/plugin-transform-unicode-regex" "^7.27.1"
-    "@babel/plugin-transform-unicode-sets-regex" "^7.27.1"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.28.6"
     "@babel/preset-modules" "0.1.6-no-external-plugins"
-    babel-plugin-polyfill-corejs2 "^0.4.10"
-    babel-plugin-polyfill-corejs3 "^0.11.0"
-    babel-plugin-polyfill-regenerator "^0.6.1"
-    core-js-compat "^3.40.0"
+    babel-plugin-polyfill-corejs2 "^0.4.15"
+    babel-plugin-polyfill-corejs3 "^0.14.0"
+    babel-plugin-polyfill-regenerator "^0.6.6"
+    core-js-compat "^3.48.0"
     semver "^6.3.1"
 
 "@babel/preset-modules@0.1.6-no-external-plugins":
@@ -766,39 +774,39 @@
     esutils "^2.0.2"
 
 "@babel/runtime@^7.11.2", "@babel/runtime@^7.21.0", "@babel/runtime@^7.25.7":
-  version "7.27.6"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.27.6.tgz#ec4070a04d76bae8ddbb10770ba55714a417b7c6"
-  integrity sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==
-
-"@babel/template@^7.27.1", "@babel/template@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
-  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/parser" "^7.27.2"
-    "@babel/types" "^7.27.1"
-
-"@babel/traverse@^7.27.1", "@babel/traverse@^7.27.3", "@babel/traverse@^7.27.4":
-  version "7.27.4"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.4.tgz#b0045ac7023c8472c3d35effd7cc9ebd638da6ea"
-  integrity sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.27.3"
-    "@babel/parser" "^7.27.4"
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.27.3"
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.6.tgz#d267a43cb1836dc4d182cce93ae75ba954ef6d2b"
+  integrity sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==
+
+"@babel/template@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.28.6.tgz#0e7e56ecedb78aeef66ce7972b082fce76a23e57"
+  integrity sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==
+  dependencies:
+    "@babel/code-frame" "^7.28.6"
+    "@babel/parser" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
+"@babel/traverse@^7.27.1", "@babel/traverse@^7.28.5", "@babel/traverse@^7.28.6", "@babel/traverse@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.29.0.tgz#f323d05001440253eead3c9c858adbe00b90310a"
+  integrity sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==
+  dependencies:
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.29.0"
     debug "^4.3.1"
-    globals "^11.1.0"
 
-"@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.27.6", "@babel/types@^7.4.4":
-  version "7.27.6"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.6.tgz#a434ca7add514d4e646c80f7375c0aa2befc5535"
-  integrity sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==
+"@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.5", "@babel/types@^7.28.6", "@babel/types@^7.29.0", "@babel/types@^7.4.4":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.29.0.tgz#9f5b1e838c446e72cf3cd4b918152b8c605e37c7"
+  integrity sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==
   dependencies:
     "@babel/helper-string-parser" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
 
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
@@ -847,9 +855,9 @@
     promise-retry "^2.0.1"
 
 "@electron/notarize@^3.0.1":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@electron/notarize/-/notarize-3.0.1.tgz#ad766f1ed6c2fd4cd4520f91c116fa93949555ca"
-  integrity sha512-5xzcOwvMGNjkSk7s0sPx4XcKWei9FYk4f2S5NkSorWW0ce5yktTOtlPa0W5yQHcREILh+C3JdH+t+M637g9TmQ==
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@electron/notarize/-/notarize-3.1.1.tgz#428d96ab84e333506f2a16fcf12db7ca12fdc7e0"
+  integrity sha512-uQQSlOiJnqRkTL1wlEBAxe90nVN/Fc/hEmk0bqpKk8nKjV1if/tXLHKUPePtv9Xsx90PtZU8aidx5lAiOpjkQQ==
   dependencies:
     debug "^4.4.0"
     promise-retry "^2.0.1"
@@ -1039,16 +1047,16 @@
   integrity sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==
 
 "@eslint-community/eslint-utils@^4.2.0":
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz#607084630c6c033992a082de6e6fbc1a8b52175a"
-  integrity sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz#4e90af67bc51ddee6cdef5284edf572ec376b595"
+  integrity sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==
   dependencies:
     eslint-visitor-keys "^3.4.3"
 
 "@eslint-community/regexpp@^4.4.0", "@eslint-community/regexpp@^4.6.1":
-  version "4.12.1"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
-  integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
+  version "4.12.2"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.2.tgz#bccdf615bcf7b6e8db830ec0b8d21c9a25de597b"
+  integrity sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==
 
 "@eslint/eslintrc@^2.1.4":
   version "2.1.4"
@@ -1071,11 +1079,11 @@
   integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
 
 "@floating-ui/core@^1.1.0":
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.7.1.tgz#1abc6b157d4a936174f9dbd078278c3a81c8bc6b"
-  integrity sha512-azI0DrjMMfIug/ExbBaeDVJXcY0a7EPvPjb2xAJPa4HeimBX+Z18HK8QQR3jb6356SnDDdxx+hinMLcJEDdOjw==
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.7.4.tgz#4a006a6e01565c0f87ba222c317b056a2cffd2f4"
+  integrity sha512-C3HlIdsBxszvm5McXlB8PeOEWfBhcGBTZGkGlWc2U0KFY5IwG5OQEuQ8rq52DZmcHDlPLd+YFBK+cZcytwIFWg==
   dependencies:
-    "@floating-ui/utils" "^0.2.9"
+    "@floating-ui/utils" "^0.2.10"
 
 "@floating-ui/dom@~1.1.1":
   version "1.1.1"
@@ -1084,10 +1092,10 @@
   dependencies:
     "@floating-ui/core" "^1.1.0"
 
-"@floating-ui/utils@^0.2.9":
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.9.tgz#50dea3616bc8191fb8e112283b49eaff03e78429"
-  integrity sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==
+"@floating-ui/utils@^0.2.10":
+  version "0.2.10"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.10.tgz#a2a1e3812d14525f725d011a73eceb41fef5bc1c"
+  integrity sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==
 
 "@fortawesome/fontawesome-common-types@6.7.2":
   version "6.7.2"
@@ -1116,9 +1124,9 @@
     "@fortawesome/fontawesome-common-types" "6.7.2"
 
 "@fortawesome/vue-fontawesome@^3.0.3":
-  version "3.0.8"
-  resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.8.tgz#1e8032df151173d8174ac9f5a28da3c0f5a495e4"
-  integrity sha512-yyHHAj4G8pQIDfaIsMvQpwKMboIZtcHTUvPqXjOHyldh1O1vZfH4W03VDPv5RvI9P6DLTzJQlmVgj9wCf7c2Fw==
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.1.3.tgz#3184bc26cd5cf20904e7e937e9c68860039c6dab"
+  integrity sha512-OHHUTLPEzdwP8kcYIzhioUdUOjZ4zzmi+midwa4bqscza4OJCOvTKJEHkXNz8PgZ23kWci1HkKVX0bm8f9t9gQ==
 
 "@gar/promisify@^1.1.3":
   version "1.1.3"
@@ -1144,6 +1152,27 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
   integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
 
+"@intlify/core-base@9.14.5":
+  version "9.14.5"
+  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-9.14.5.tgz#cfed631e98b34f4f6fe1312e6c02dd8ace180197"
+  integrity sha512-5ah5FqZG4pOoHjkvs8mjtv+gPKYU0zCISaYNjBNNqYiaITxW8ZtVih3GS/oTOqN8d9/mDLyrjD46GBApNxmlsA==
+  dependencies:
+    "@intlify/message-compiler" "9.14.5"
+    "@intlify/shared" "9.14.5"
+
+"@intlify/message-compiler@9.14.5":
+  version "9.14.5"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-9.14.5.tgz#03b0a358c93cb2eed95936531c8a5871fd3841b0"
+  integrity sha512-IHzgEu61/YIpQV5Pc3aRWScDcnFKWvQA9kigcINcCBXN8mbW+vk9SK+lDxA6STzKQsVJxUPg9ACC52pKKo3SVQ==
+  dependencies:
+    "@intlify/shared" "9.14.5"
+    source-map-js "^1.0.2"
+
+"@intlify/shared@9.14.5":
+  version "9.14.5"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-9.14.5.tgz#2e42193b8356db20ee28c15d1ee6c8f0fda6c0b9"
+  integrity sha512-9gB+E53BYuAEMhbCAxVgG38EZrk59sxBtv3jSizNL2hEWlgjBjAw1AwpLHtNaeda12pe6W20OGEa0TwuMSRbyQ==
+
 "@isaacs/balanced-match@^4.0.1":
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz#3081dadbc3460661b751e7591d7faea5df39dd29"
@@ -1196,13 +1225,20 @@
   dependencies:
     "@sinclair/typebox" "^0.27.8"
 
-"@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
-  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
+"@jridgewell/gen-mapping@^0.3.12", "@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz#6342a19f44347518c93e43b1ac69deb3c4656a1f"
+  integrity sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==
   dependencies:
-    "@jridgewell/set-array" "^1.2.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/remapping@^2.3.5":
+  version "2.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/remapping/-/remapping-2.3.5.tgz#375c476d1972947851ba1e15ae8f123047445aa1"
+  integrity sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
 "@jridgewell/resolve-uri@^3.1.0":
@@ -1210,28 +1246,23 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
   integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
 
-"@jridgewell/set-array@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
-  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
-
 "@jridgewell/source-map@^0.3.3":
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.6.tgz#9d71ca886e32502eb9362c9a74a46787c36df81a"
-  integrity sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==
+  version "0.3.11"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.11.tgz#b21835cbd36db656b857c2ad02ebd413cc13a9ba"
+  integrity sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==
   dependencies:
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.25"
 
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
-  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
+"@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0", "@jridgewell/sourcemap-codec@^1.5.5":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
 
-"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
-  version "0.3.25"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
-  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.28":
+  version "0.3.31"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz#db15d6781c931f3a251a3dac39501c98a6082fd0"
+  integrity sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==
   dependencies:
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
@@ -1311,94 +1342,199 @@
   resolved "https://registry.yarnpkg.com/@one-ini/wasm/-/wasm-0.1.1.tgz#6013659736c9dbfccc96e8a9c2b3de317df39323"
   integrity sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==
 
-"@parcel/watcher-android-arm64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz#507f836d7e2042f798c7d07ad19c3546f9848ac1"
-  integrity sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==
-
-"@parcel/watcher-darwin-arm64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz#3d26dce38de6590ef79c47ec2c55793c06ad4f67"
-  integrity sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==
-
-"@parcel/watcher-darwin-x64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz#99f3af3869069ccf774e4ddfccf7e64fd2311ef8"
-  integrity sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==
-
-"@parcel/watcher-freebsd-x64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz#14d6857741a9f51dfe51d5b08b7c8afdbc73ad9b"
-  integrity sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==
-
-"@parcel/watcher-linux-arm-glibc@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz#43c3246d6892381db473bb4f663229ad20b609a1"
-  integrity sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==
-
-"@parcel/watcher-linux-arm-musl@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz#663750f7090bb6278d2210de643eb8a3f780d08e"
-  integrity sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==
+"@opentelemetry/api-logs@0.208.0", "@opentelemetry/api-logs@^0.208.0":
+  version "0.208.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/api-logs/-/api-logs-0.208.0.tgz#56d3891010a1fa1cf600ba8899ed61b43ace511c"
+  integrity sha512-CjruKY9V6NMssL/T1kAFgzosF1v9o6oeN+aX5JB/C/xPNtmgIJqcXHG7fA82Ou1zCpWGl4lROQUKwUNE1pMCyg==
+  dependencies:
+    "@opentelemetry/api" "^1.3.0"
 
-"@parcel/watcher-linux-arm64-glibc@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz#ba60e1f56977f7e47cd7e31ad65d15fdcbd07e30"
-  integrity sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==
+"@opentelemetry/api@^1.3.0", "@opentelemetry/api@^1.9.0":
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/api/-/api-1.9.0.tgz#d03eba68273dc0f7509e2a3d5cba21eae10379fe"
+  integrity sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==
 
-"@parcel/watcher-linux-arm64-musl@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz#f7fbcdff2f04c526f96eac01f97419a6a99855d2"
-  integrity sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==
+"@opentelemetry/core@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/core/-/core-2.2.0.tgz#2f857d7790ff160a97db3820889b5f4cade6eaee"
+  integrity sha512-FuabnnUm8LflnieVxs6eP7Z383hgQU4W1e3KJS6aOG3RxWxcHyBxH8fDMHNgu/gFx/M2jvTOW/4/PHhLz6bjWw==
+  dependencies:
+    "@opentelemetry/semantic-conventions" "^1.29.0"
 
-"@parcel/watcher-linux-x64-glibc@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz#4d2ea0f633eb1917d83d483392ce6181b6a92e4e"
-  integrity sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==
+"@opentelemetry/core@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/core/-/core-2.5.0.tgz#3b2ac6cf471ed9a85eea836048a4de77a2e549d3"
+  integrity sha512-ka4H8OM6+DlUhSAZpONu0cPBtPPTQKxbxVzC4CzVx5+K4JnroJVBtDzLAMx4/3CDTJXRvVFhpFjtl4SaiTNoyQ==
+  dependencies:
+    "@opentelemetry/semantic-conventions" "^1.29.0"
+
+"@opentelemetry/exporter-logs-otlp-http@^0.208.0":
+  version "0.208.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/exporter-logs-otlp-http/-/exporter-logs-otlp-http-0.208.0.tgz#198d6e735e961a79352a3d032a28da295db802dc"
+  integrity sha512-jOv40Bs9jy9bZVLo/i8FwUiuCvbjWDI+ZW13wimJm4LjnlwJxGgB+N/VWOZUTpM+ah/awXeQqKdNlpLf2EjvYg==
+  dependencies:
+    "@opentelemetry/api-logs" "0.208.0"
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/otlp-exporter-base" "0.208.0"
+    "@opentelemetry/otlp-transformer" "0.208.0"
+    "@opentelemetry/sdk-logs" "0.208.0"
+
+"@opentelemetry/otlp-exporter-base@0.208.0":
+  version "0.208.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/otlp-exporter-base/-/otlp-exporter-base-0.208.0.tgz#1a932355628087555a317b7207637d4e893c1a5d"
+  integrity sha512-gMd39gIfVb2OgxldxUtOwGJYSH8P1kVFFlJLuut32L6KgUC4gl1dMhn+YC2mGn0bDOiQYSk/uHOdSjuKp58vvA==
+  dependencies:
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/otlp-transformer" "0.208.0"
+
+"@opentelemetry/otlp-transformer@0.208.0":
+  version "0.208.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/otlp-transformer/-/otlp-transformer-0.208.0.tgz#c59f48a569d17766d91c61807db7b04e4be490ac"
+  integrity sha512-DCFPY8C6lAQHUNkzcNT9R+qYExvsk6C5Bto2pbNxgicpcSWbe2WHShLxkOxIdNcBiYPdVHv/e7vH7K6TI+C+fQ==
+  dependencies:
+    "@opentelemetry/api-logs" "0.208.0"
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/resources" "2.2.0"
+    "@opentelemetry/sdk-logs" "0.208.0"
+    "@opentelemetry/sdk-metrics" "2.2.0"
+    "@opentelemetry/sdk-trace-base" "2.2.0"
+    protobufjs "^7.3.0"
+
+"@opentelemetry/resources@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/resources/-/resources-2.2.0.tgz#b90a950ad98551295b76ea8a0e7efe45a179badf"
+  integrity sha512-1pNQf/JazQTMA0BiO5NINUzH0cbLbbl7mntLa4aJNmCCXSj0q03T5ZXXL0zw4G55TjdL9Tz32cznGClf+8zr5A==
+  dependencies:
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/semantic-conventions" "^1.29.0"
 
-"@parcel/watcher-linux-x64-musl@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz#277b346b05db54f55657301dd77bdf99d63606ee"
-  integrity sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==
+"@opentelemetry/resources@^2.2.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/resources/-/resources-2.5.0.tgz#e7a575b2c534961a9db5153f9498931c786a607a"
+  integrity sha512-F8W52ApePshpoSrfsSk1H2yJn9aKjCrbpQF1M9Qii0GHzbfVeFUB+rc3X4aggyZD8x9Gu3Slua+s6krmq6Dt8g==
+  dependencies:
+    "@opentelemetry/core" "2.5.0"
+    "@opentelemetry/semantic-conventions" "^1.29.0"
 
-"@parcel/watcher-win32-arm64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz#7e9e02a26784d47503de1d10e8eab6cceb524243"
-  integrity sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==
+"@opentelemetry/sdk-logs@0.208.0", "@opentelemetry/sdk-logs@^0.208.0":
+  version "0.208.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/sdk-logs/-/sdk-logs-0.208.0.tgz#013494e23412c1594a694a358211cd150144c525"
+  integrity sha512-QlAyL1jRpOeaqx7/leG1vJMp84g0xKP6gJmfELBpnI4O/9xPX+Hu5m1POk9Kl+veNkyth5t19hRlN6tNY1sjbA==
+  dependencies:
+    "@opentelemetry/api-logs" "0.208.0"
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/resources" "2.2.0"
 
-"@parcel/watcher-win32-ia32@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz#2d0f94fa59a873cdc584bf7f6b1dc628ddf976e6"
-  integrity sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==
+"@opentelemetry/sdk-metrics@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/sdk-metrics/-/sdk-metrics-2.2.0.tgz#3824133f0d681d778aff0f52b02a87ec6750fc2d"
+  integrity sha512-G5KYP6+VJMZzpGipQw7Giif48h6SGQ2PFKEYCybeXJsOCB4fp8azqMAAzE5lnnHK3ZVwYQrgmFbsUJO/zOnwGw==
+  dependencies:
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/resources" "2.2.0"
 
-"@parcel/watcher-win32-x64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz#ae52693259664ba6f2228fa61d7ee44b64ea0947"
-  integrity sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==
+"@opentelemetry/sdk-trace-base@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/sdk-trace-base/-/sdk-trace-base-2.2.0.tgz#ddef9a0afd01a623d8625a3529f2137b05e67d0b"
+  integrity sha512-xWQgL0Bmctsalg6PaXExmzdedSp3gyKV8mQBwK/j9VGdCDu2fmXIb2gAehBKbkXCpJ4HPkgv3QfoJWRT4dHWbw==
+  dependencies:
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/resources" "2.2.0"
+    "@opentelemetry/semantic-conventions" "^1.29.0"
+
+"@opentelemetry/semantic-conventions@^1.29.0":
+  version "1.39.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/semantic-conventions/-/semantic-conventions-1.39.0.tgz#f653b2752171411feb40310b8a8953d7e5c543b7"
+  integrity sha512-R5R9tb2AXs2IRLNKLBJDynhkfmx7mX0vi8NkhZb3gUkPWHn6HXk5J8iQ/dql0U3ApfWym4kXXmBDRGO+oeOfjg==
+
+"@parcel/watcher-android-arm64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz#5f32e0dba356f4ac9a11068d2a5c134ca3ba6564"
+  integrity sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==
+
+"@parcel/watcher-darwin-arm64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz#88d3e720b59b1eceffce98dac46d7c40e8be5e8e"
+  integrity sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==
+
+"@parcel/watcher-darwin-x64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz#bf05d76a78bc15974f15ec3671848698b0838063"
+  integrity sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==
+
+"@parcel/watcher-freebsd-x64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz#8bc26e9848e7303ac82922a5ae1b1ef1bdb48a53"
+  integrity sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==
+
+"@parcel/watcher-linux-arm-glibc@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz#1328fee1deb0c2d7865079ef53a2ba4cc2f8b40a"
+  integrity sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==
+
+"@parcel/watcher-linux-arm-musl@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz#bad0f45cb3e2157746db8b9d22db6a125711f152"
+  integrity sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==
+
+"@parcel/watcher-linux-arm64-glibc@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz#b75913fbd501d9523c5f35d420957bf7d0204809"
+  integrity sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==
+
+"@parcel/watcher-linux-arm64-musl@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz#da5621a6a576070c8c0de60dea8b46dc9c3827d4"
+  integrity sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==
+
+"@parcel/watcher-linux-x64-glibc@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz#ce437accdc4b30f93a090b4a221fd95cd9b89639"
+  integrity sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==
+
+"@parcel/watcher-linux-x64-musl@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz#02400c54b4a67efcc7e2327b249711920ac969e2"
+  integrity sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==
+
+"@parcel/watcher-win32-arm64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz#caae3d3c7583ca0a7171e6bd142c34d20ea1691e"
+  integrity sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==
+
+"@parcel/watcher-win32-ia32@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz#9ac922550896dfe47bfc5ae3be4f1bcaf8155d6d"
+  integrity sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==
+
+"@parcel/watcher-win32-x64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz#73fdafba2e21c448f0e456bbe13178d8fe11739d"
+  integrity sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==
 
 "@parcel/watcher@^2.4.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.5.1.tgz#342507a9cfaaf172479a882309def1e991fb1200"
-  integrity sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.5.6.tgz#3f932828c894f06d0ad9cfefade1756ecc6ef1f1"
+  integrity sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==
   dependencies:
-    detect-libc "^1.0.3"
+    detect-libc "^2.0.3"
     is-glob "^4.0.3"
-    micromatch "^4.0.5"
     node-addon-api "^7.0.0"
+    picomatch "^4.0.3"
   optionalDependencies:
-    "@parcel/watcher-android-arm64" "2.5.1"
-    "@parcel/watcher-darwin-arm64" "2.5.1"
-    "@parcel/watcher-darwin-x64" "2.5.1"
-    "@parcel/watcher-freebsd-x64" "2.5.1"
-    "@parcel/watcher-linux-arm-glibc" "2.5.1"
-    "@parcel/watcher-linux-arm-musl" "2.5.1"
-    "@parcel/watcher-linux-arm64-glibc" "2.5.1"
-    "@parcel/watcher-linux-arm64-musl" "2.5.1"
-    "@parcel/watcher-linux-x64-glibc" "2.5.1"
-    "@parcel/watcher-linux-x64-musl" "2.5.1"
-    "@parcel/watcher-win32-arm64" "2.5.1"
-    "@parcel/watcher-win32-ia32" "2.5.1"
-    "@parcel/watcher-win32-x64" "2.5.1"
+    "@parcel/watcher-android-arm64" "2.5.6"
+    "@parcel/watcher-darwin-arm64" "2.5.6"
+    "@parcel/watcher-darwin-x64" "2.5.6"
+    "@parcel/watcher-freebsd-x64" "2.5.6"
+    "@parcel/watcher-linux-arm-glibc" "2.5.6"
+    "@parcel/watcher-linux-arm-musl" "2.5.6"
+    "@parcel/watcher-linux-arm64-glibc" "2.5.6"
+    "@parcel/watcher-linux-arm64-musl" "2.5.6"
+    "@parcel/watcher-linux-x64-glibc" "2.5.6"
+    "@parcel/watcher-linux-x64-musl" "2.5.6"
+    "@parcel/watcher-win32-arm64" "2.5.6"
+    "@parcel/watcher-win32-ia32" "2.5.6"
+    "@parcel/watcher-win32-x64" "2.5.6"
 
 "@peermetrics/webrtc-stats@^5.7.1":
   version "5.7.1"
@@ -1424,6 +1560,71 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
   integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
 
+"@posthog/core@1.18.0":
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/@posthog/core/-/core-1.18.0.tgz#ed9711c245bfb65fc1c3962dcbbe39396100d986"
+  integrity sha512-irPbrcopCT0LCRgGM4V8jFuMNCFos6EM4QFf5KA2sHQFC/6pGaHZYoyHcjRUDUKFw4vmpLlmGEXA5ah8x5K4LQ==
+  dependencies:
+    cross-spawn "^7.0.6"
+
+"@posthog/types@1.337.0":
+  version "1.337.0"
+  resolved "https://registry.yarnpkg.com/@posthog/types/-/types-1.337.0.tgz#a3fe4d6f997ef4e61d7d7009d90f9d1672f65831"
+  integrity sha512-R7J5BIeulNbjmUNfc8FICRa57K1IizSpJBRI6IuJvRFnm3eeczWOw6DKH0NCHXHZiE3XzVcUrJUOKaKXBcdQxQ==
+
+"@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@protobufjs/aspromise/-/aspromise-1.1.2.tgz#9b8b0cc663d669a7d8f6f5d0893a14d348f30fbf"
+  integrity sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==
+
+"@protobufjs/base64@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@protobufjs/base64/-/base64-1.1.2.tgz#4c85730e59b9a1f1f349047dbf24296034bb2735"
+  integrity sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==
+
+"@protobufjs/codegen@^2.0.4":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@protobufjs/codegen/-/codegen-2.0.4.tgz#7ef37f0d010fb028ad1ad59722e506d9262815cb"
+  integrity sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==
+
+"@protobufjs/eventemitter@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz#355cbc98bafad5978f9ed095f397621f1d066b70"
+  integrity sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==
+
+"@protobufjs/fetch@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@protobufjs/fetch/-/fetch-1.1.0.tgz#ba99fb598614af65700c1619ff06d454b0d84c45"
+  integrity sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==
+  dependencies:
+    "@protobufjs/aspromise" "^1.1.1"
+    "@protobufjs/inquire" "^1.1.0"
+
+"@protobufjs/float@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@protobufjs/float/-/float-1.0.2.tgz#5e9e1abdcb73fc0a7cb8b291df78c8cbd97b87d1"
+  integrity sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==
+
+"@protobufjs/inquire@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@protobufjs/inquire/-/inquire-1.1.0.tgz#ff200e3e7cf2429e2dcafc1140828e8cc638f089"
+  integrity sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==
+
+"@protobufjs/path@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@protobufjs/path/-/path-1.1.2.tgz#6cc2b20c5c9ad6ad0dccfd21ca7673d8d7fbf68d"
+  integrity sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==
+
+"@protobufjs/pool@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@protobufjs/pool/-/pool-1.1.0.tgz#09fd15f2d6d3abfa9b65bc366506d6ad7846ff54"
+  integrity sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==
+
+"@protobufjs/utf8@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@protobufjs/utf8/-/utf8-1.1.0.tgz#a777360b5b39a1a2e5106f8e858f2fd2d060c570"
+  integrity sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==
+
 "@rollup/plugin-babel@^5.2.0":
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz#04bc0608f4aa4b2e4b1aebf284344d0f68fda283"
@@ -1470,118 +1671,143 @@
     picomatch "^2.2.2"
 
 "@rollup/pluginutils@^5.0.1":
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.1.4.tgz#bb94f1f9eaaac944da237767cdfee6c5b2262d4a"
-  integrity sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.3.0.tgz#57ba1b0cbda8e7a3c597a4853c807b156e21a7b4"
+  integrity sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==
   dependencies:
     "@types/estree" "^1.0.0"
     estree-walker "^2.0.2"
     picomatch "^4.0.2"
 
-"@rollup/rollup-android-arm-eabi@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.43.0.tgz#9241b59af721beb7e3587a56c6c245d6c465753d"
-  integrity sha512-Krjy9awJl6rKbruhQDgivNbD1WuLb8xAclM4IR4cN5pHGAs2oIMMQJEiC3IC/9TZJ+QZkmZhlMO/6MBGxPidpw==
-
-"@rollup/rollup-android-arm64@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.43.0.tgz#f70ee53ba991fdd65c277b0716c559736d490a58"
-  integrity sha512-ss4YJwRt5I63454Rpj+mXCXicakdFmKnUNxr1dLK+5rv5FJgAxnN7s31a5VchRYxCFWdmnDWKd0wbAdTr0J5EA==
-
-"@rollup/rollup-darwin-arm64@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.43.0.tgz#9f59000e817cf5760d87515ce899f8b93fe8756a"
-  integrity sha512-eKoL8ykZ7zz8MjgBenEF2OoTNFAPFz1/lyJ5UmmFSz5jW+7XbH1+MAgCVHy72aG59rbuQLcJeiMrP8qP5d/N0A==
-
-"@rollup/rollup-darwin-x64@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.43.0.tgz#c92aebd02725ae1b88bdce40f08f7823e8055c78"
-  integrity sha512-SYwXJgaBYW33Wi/q4ubN+ldWC4DzQY62S4Ll2dgfr/dbPoF50dlQwEaEHSKrQdSjC6oIe1WgzosoaNoHCdNuMg==
-
-"@rollup/rollup-freebsd-arm64@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.43.0.tgz#b128dbe7b353922ddd729a4fc4e408ddcbf338b5"
-  integrity sha512-SV+U5sSo0yujrjzBF7/YidieK2iF6E7MdF6EbYxNz94lA+R0wKl3SiixGyG/9Klab6uNBIqsN7j4Y/Fya7wAjQ==
-
-"@rollup/rollup-freebsd-x64@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.43.0.tgz#88297a0ddfadddd61d7d9b73eb42b3f227301d30"
-  integrity sha512-J7uCsiV13L/VOeHJBo5SjasKiGxJ0g+nQTrBkAsmQBIdil3KhPnSE9GnRon4ejX1XDdsmK/l30IYLiAaQEO0Cg==
-
-"@rollup/rollup-linux-arm-gnueabihf@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.43.0.tgz#a59afc092523ebe43d3899f33da9cdd2ec01fb87"
-  integrity sha512-gTJ/JnnjCMc15uwB10TTATBEhK9meBIY+gXP4s0sHD1zHOaIh4Dmy1X9wup18IiY9tTNk5gJc4yx9ctj/fjrIw==
-
-"@rollup/rollup-linux-arm-musleabihf@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.43.0.tgz#3095c1327b794bd187d03e372e633717fb69b4c0"
-  integrity sha512-ZJ3gZynL1LDSIvRfz0qXtTNs56n5DI2Mq+WACWZ7yGHFUEirHBRt7fyIk0NsCKhmRhn7WAcjgSkSVVxKlPNFFw==
-
-"@rollup/rollup-linux-arm64-gnu@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.43.0.tgz#e43bb77df3a6de85312e991d1e3ad352d1abb00d"
-  integrity sha512-8FnkipasmOOSSlfucGYEu58U8cxEdhziKjPD2FIa0ONVMxvl/hmONtX/7y4vGjdUhjcTHlKlDhw3H9t98fPvyA==
-
-"@rollup/rollup-linux-arm64-musl@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.43.0.tgz#34873a437bcd87618f702dc66f0cbce170aebf9f"
-  integrity sha512-KPPyAdlcIZ6S9C3S2cndXDkV0Bb1OSMsX0Eelr2Bay4EsF9yi9u9uzc9RniK3mcUGCLhWY9oLr6er80P5DE6XA==
-
-"@rollup/rollup-linux-loongarch64-gnu@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.43.0.tgz#224ff524349e365baa56f1f512822548c2d76910"
-  integrity sha512-HPGDIH0/ZzAZjvtlXj6g+KDQ9ZMHfSP553za7o2Odegb/BEfwJcR0Sw0RLNpQ9nC6Gy8s+3mSS9xjZ0n3rhcYg==
-
-"@rollup/rollup-linux-powerpc64le-gnu@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.43.0.tgz#43c3c053b26ace18a1d3dab204596a466c1b0e34"
-  integrity sha512-gEmwbOws4U4GLAJDhhtSPWPXUzDfMRedT3hFMyRAvM9Mrnj+dJIFIeL7otsv2WF3D7GrV0GIewW0y28dOYWkmw==
-
-"@rollup/rollup-linux-riscv64-gnu@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.43.0.tgz#e7df825d71daefa7037605015455aa58be43cd7a"
-  integrity sha512-XXKvo2e+wFtXZF/9xoWohHg+MuRnvO29TI5Hqe9xwN5uN8NKUYy7tXUG3EZAlfchufNCTHNGjEx7uN78KsBo0g==
-
-"@rollup/rollup-linux-riscv64-musl@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.43.0.tgz#d76ad93a7f4c0b2855a024d8d859196acf38acf5"
-  integrity sha512-ruf3hPWhjw6uDFsOAzmbNIvlXFXlBQ4nk57Sec8E8rUxs/AI4HD6xmiiasOOx/3QxS2f5eQMKTAwk7KHwpzr/Q==
-
-"@rollup/rollup-linux-s390x-gnu@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.43.0.tgz#0852608843d05852af3f447bf43bb63d80d62b6a"
-  integrity sha512-QmNIAqDiEMEvFV15rsSnjoSmO0+eJLoKRD9EAa9rrYNwO/XRCtOGM3A5A0X+wmG+XRrw9Fxdsw+LnyYiZWWcVw==
-
-"@rollup/rollup-linux-x64-gnu@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.43.0.tgz#d16a57f86357a4e697142bee244afed59b24e6c5"
-  integrity sha512-jAHr/S0iiBtFyzjhOkAics/2SrXE092qyqEg96e90L3t9Op8OTzS6+IX0Fy5wCt2+KqeHAkti+eitV0wvblEoQ==
-
-"@rollup/rollup-linux-x64-musl@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.43.0.tgz#51cbc8b1eb46ebc0e284725418b6fbf48686e4e2"
-  integrity sha512-3yATWgdeXyuHtBhrLt98w+5fKurdqvs8B53LaoKD7P7H7FKOONLsBVMNl9ghPQZQuYcceV5CDyPfyfGpMWD9mQ==
-
-"@rollup/rollup-win32-arm64-msvc@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.43.0.tgz#d6d84aace2b211119bf0ab1c586e29d01e32aa01"
-  integrity sha512-wVzXp2qDSCOpcBCT5WRWLmpJRIzv23valvcTwMHEobkjippNf+C3ys/+wf07poPkeNix0paTNemB2XrHr2TnGw==
-
-"@rollup/rollup-win32-ia32-msvc@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.43.0.tgz#4af33168de2f65b97a8f36bd1d8d21cea34d3ccb"
-  integrity sha512-fYCTEyzf8d+7diCw8b+asvWDCLMjsCEA8alvtAutqJOJp/wL5hs1rWSqJ1vkjgW0L2NB4bsYJrpKkiIPRR9dvw==
-
-"@rollup/rollup-win32-x64-msvc@4.43.0":
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.43.0.tgz#42a88207659e404e8ffa655cae763cbad94906ab"
-  integrity sha512-SnGhLiE5rlK0ofq8kzuDkM0g7FN1s5VYY+YSMTibP7CqShxCQvqtNxTARS4xX4PFJfHjG0ZQYX9iGzI3FQh5Aw==
+"@rollup/rollup-android-arm-eabi@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.57.1.tgz#add5e608d4e7be55bc3ca3d962490b8b1890e088"
+  integrity sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==
+
+"@rollup/rollup-android-arm64@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.57.1.tgz#10bd0382b73592beee6e9800a69401a29da625c4"
+  integrity sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==
+
+"@rollup/rollup-darwin-arm64@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.57.1.tgz#1e99ab04c0b8c619dd7bbde725ba2b87b55bfd81"
+  integrity sha512-crNPrwJOrRxagUYeMn/DZwqN88SDmwaJ8Cvi/TN1HnWBU7GwknckyosC2gd0IqYRsHDEnXf328o9/HC6OkPgOg==
+
+"@rollup/rollup-darwin-x64@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.57.1.tgz#69e741aeb2839d2e8f0da2ce7a33d8bd23632423"
+  integrity sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==
+
+"@rollup/rollup-freebsd-arm64@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.57.1.tgz#3736c232a999c7bef7131355d83ebdf9651a0839"
+  integrity sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==
+
+"@rollup/rollup-freebsd-x64@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.57.1.tgz#227dcb8f466684070169942bd3998901c9bfc065"
+  integrity sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==
+
+"@rollup/rollup-linux-arm-gnueabihf@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.57.1.tgz#ba004b30df31b724f99ce66e7128248bea17cb0c"
+  integrity sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==
+
+"@rollup/rollup-linux-arm-musleabihf@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.57.1.tgz#6929f3e07be6b6da5991f63c6b68b3e473d0a65a"
+  integrity sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==
+
+"@rollup/rollup-linux-arm64-gnu@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.57.1.tgz#06e89fd4a25d21fe5575d60b6f913c0e65297bfa"
+  integrity sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==
+
+"@rollup/rollup-linux-arm64-musl@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.57.1.tgz#fddabf395b90990d5194038e6cd8c00156ed8ac0"
+  integrity sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==
+
+"@rollup/rollup-linux-loong64-gnu@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.57.1.tgz#04c10bb764bbf09a3c1bd90432e92f58d6603c36"
+  integrity sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==
+
+"@rollup/rollup-linux-loong64-musl@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.57.1.tgz#f2450361790de80581d8687ea19142d8a4de5c0f"
+  integrity sha512-xpObYIf+8gprgWaPP32xiN5RVTi/s5FCR+XMXSKmhfoJjrpRAjCuuqQXyxUa/eJTdAE6eJ+KDKaoEqjZQxh3Gw==
+
+"@rollup/rollup-linux-ppc64-gnu@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.57.1.tgz#0474f4667259e407eee1a6d38e29041b708f6a30"
+  integrity sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==
+
+"@rollup/rollup-linux-ppc64-musl@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.57.1.tgz#9f32074819eeb1ddbe51f50ea9dcd61a6745ec33"
+  integrity sha512-NOlUuzesGauESAyEYFSe3QTUguL+lvrN1HtwEEsU2rOwdUDeTMJdO5dUYl/2hKf9jWydJrO9OL/XSSf65R5+Xw==
+
+"@rollup/rollup-linux-riscv64-gnu@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.57.1.tgz#3fdb9d4b1e29fb6b6a6da9f15654d42eb77b99b2"
+  integrity sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==
+
+"@rollup/rollup-linux-riscv64-musl@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.57.1.tgz#1de780d64e6be0e3e8762035c22e0d8ea68df8ed"
+  integrity sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==
+
+"@rollup/rollup-linux-s390x-gnu@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.57.1.tgz#1da022ffd2d9e9f0fd8344ea49e113001fbcac64"
+  integrity sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==
+
+"@rollup/rollup-linux-x64-gnu@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.57.1.tgz#78c16eef9520bd10e1ea7a112593bb58e2842622"
+  integrity sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==
+
+"@rollup/rollup-linux-x64-musl@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.57.1.tgz#a7598591b4d9af96cb3167b50a5bf1e02dfea06c"
+  integrity sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==
+
+"@rollup/rollup-openbsd-x64@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.57.1.tgz#c51d48c07cd6c466560e5bed934aec688ce02614"
+  integrity sha512-H+hXEv9gdVQuDTgnqD+SQffoWoc0Of59AStSzTEj/feWTBAnSfSD3+Dql1ZruJQxmykT/JVY0dE8Ka7z0DH1hw==
+
+"@rollup/rollup-openharmony-arm64@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.57.1.tgz#f09921d0b2a0b60afbf3586d2a7a7f208ba6df17"
+  integrity sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==
+
+"@rollup/rollup-win32-arm64-msvc@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.57.1.tgz#08d491717135376e4a99529821c94ecd433d5b36"
+  integrity sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==
+
+"@rollup/rollup-win32-ia32-msvc@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.57.1.tgz#b0c12aac1104a8b8f26a5e0098e5facbb3e3964a"
+  integrity sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==
+
+"@rollup/rollup-win32-x64-gnu@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.57.1.tgz#b9cccef26f5e6fdc013bf3c0911a3c77428509d0"
+  integrity sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==
+
+"@rollup/rollup-win32-x64-msvc@4.57.1":
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.57.1.tgz#a03348e7b559c792b6277cc58874b89ef46e1e72"
+  integrity sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==
 
 "@rushstack/eslint-patch@^1.1.0":
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.11.0.tgz#75dce8e972f90bba488e2b0cc677fb233aa357ab"
-  integrity sha512-zxnHvoMQVqewTJr/W4pKjF0bMGiKJv1WX7bSrkl46Hg0QjESbzBROWK0Wg4RphzSOS5Jiy7eFimmM3UgMrMZbQ==
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.15.0.tgz#8184bcb37791e6d3c3c13a9bfbe4af263f66665f"
+  integrity sha512-ojSshQPKwVvSMR8yT2L/QtUkV5SXi/IfDiJ4/8d6UbTPjiHVmxZzUAzGD8Tzks1b9+qQkZa0isUOvYObedITaw==
 
 "@sentry-internal/browser-utils@8.55.0":
   version "8.55.0"
@@ -1765,662 +1991,670 @@
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
   integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
 
-"@turf/along@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/along/-/along-7.2.0.tgz#de0369998c248fb867e567d524048e9c8170b52c"
-  integrity sha512-Cf+d2LozABdb0TJoIcJwFKB+qisJY4nMUW9z6PAuZ9UCH7AR//hy2Z06vwYCKFZKP4a7DRPkOMBadQABCyoYuw==
-  dependencies:
-    "@turf/bearing" "^7.2.0"
-    "@turf/destination" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+"@turf/along@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/along/-/along-7.3.3.tgz#fbbe9aec75b1fae85eb1dda084f56fce5855a23d"
+  integrity sha512-75S6UH13yyRUfpJ2pUnedTPmexHfYX8BD5k++rerCa8DhtEF9DBA+7FtLVLfcsp7sqRY5X5jBLBsKeKKgnmwuQ==
+  dependencies:
+    "@turf/bearing" "7.3.3"
+    "@turf/destination" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/angle@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/angle/-/angle-7.2.0.tgz#d2f1402347b4315b247c0ce04eae6b247973c34d"
-  integrity sha512-b28rs1NO8Dt/MXadFhnpqH7GnEWRsl+xF5JeFtg9+eM/+l/zGrdliPYMZtAj12xn33w22J1X4TRprAI0rruvVQ==
+"@turf/angle@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/angle/-/angle-7.3.3.tgz#83777712845669dbdd75b7c3f5ef1554dd889cfe"
+  integrity sha512-grshSC7zdpFUlsskNbqSZiR9d+kVupjuDQSvAWdMZw7Ek86eosy+wadXh7cTtQOyaupr3YyQG22FxN1pQSFprg==
   dependencies:
-    "@turf/bearing" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/rhumb-bearing" "^7.2.0"
+    "@turf/bearing" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/rhumb-bearing" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/area@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/area/-/area-7.2.0.tgz#7c1e55dd9b49ef7cfe4ab848ee278547a1df3cfd"
-  integrity sha512-zuTTdQ4eoTI9nSSjerIy4QwgvxqwJVciQJ8tOPuMHbXJ9N/dNjI7bU8tasjhxas/Cx3NE9NxVHtNpYHL0FSzoA==
+"@turf/area@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/area/-/area-7.3.3.tgz#ad14ae9a171514e41b40b298094fdbddb62af6af"
+  integrity sha512-FT66TCxUec+3RsCCyO1kWP57/tiEWEqYfpIs5n44dup401Cne/E+xunahEWxMfP/HSUxfcRQqrjH5vEulLrNoA==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/bbox-clip@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/bbox-clip/-/bbox-clip-7.2.0.tgz#6774208a2b9b505815d85cfde89d2ad036273e7b"
-  integrity sha512-q6RXTpqeUQAYLAieUL1n3J6ukRGsNVDOqcYtfzaJbPW+0VsAf+1cI16sN700t0sekbeU1DH/RRVAHhpf8+36wA==
+"@turf/bbox-clip@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/bbox-clip/-/bbox-clip-7.3.3.tgz#814c3dfdabd31e927259c2308f3626c33b43f67f"
+  integrity sha512-CO0j/Ax34f96TO1+hWfW7IdO5vD3ETAOK5FM4njaYwiAPztF+bXnd1pQ4GNz+u9KaA7sTUy+2bnVLZplMQ6TJA==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/bbox-polygon@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/bbox-polygon/-/bbox-polygon-7.2.0.tgz#5de355889d7b92647253ae7e42eddc1c7d032668"
-  integrity sha512-Aj4G1GAAy26fmOqMjUk0Z+Lcax5VQ9g1xYDbHLQWXvfTsaueBT+RzdH6XPnZ/seEEnZkio2IxE8V5af/osupgA==
+"@turf/bbox-polygon@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/bbox-polygon/-/bbox-polygon-7.3.3.tgz#e90f2d547fc6756b63b576b4ac495ea2e7fb2d89"
+  integrity sha512-m2WfHVoJLZJf+nJizRfnm0GHyJN3eYY/oWL6xsp1bDodgBgrNqNPRD3OfA00x4HIt5VYXOyQ0GMDfvILLjlXWw==
   dependencies:
-    "@turf/helpers" "^7.2.0"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/bbox@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/bbox/-/bbox-7.2.0.tgz#9db338d6407380f66a72050657f1998c5c5ccc4a"
-  integrity sha512-wzHEjCXlYZiDludDbXkpBSmv8Zu6tPGLmJ1sXQ6qDwpLE1Ew3mcWqt8AaxfTP5QwDNQa3sf2vvgTEzNbPQkCiA==
+"@turf/bbox@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/bbox/-/bbox-7.3.3.tgz#ca2098dc1a5d4b1cc9001bd82be59b7d216e8676"
+  integrity sha512-1zNO/JUgDp0N+3EG5fG7+8EolE95OW1LD8ur0hRP0JK+lRyN0gAvJT7n1I9pu/NIqTa8x/zXxGRc1dcOdohYkg==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/bearing@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/bearing/-/bearing-7.2.0.tgz#2c94f9889bf8f981a0ce4a6b280c31d89d4c327e"
-  integrity sha512-Jm0Xt3GgHjRrWvBtAGvgfnADLm+4exud2pRlmCYx8zfiKuNXQFkrcTZcOiJOgTfG20Agq28iSh15uta47jSIbg==
+"@turf/bearing@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/bearing/-/bearing-7.3.3.tgz#6dc0172f67ec43d2ae51849ae95d19f934036eb7"
+  integrity sha512-tGesFINcDLZZ9u3mL8eiJJ6XAXKPxhUL5HzHmYrNwz3PxT1OHcge9WJJV+LO6xeNo7zKh5eyoEKru6jl5BQiJw==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/bezier-spline@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/bezier-spline/-/bezier-spline-7.2.0.tgz#cfcd48f08f9d93d9d7c8083f278a24bf796695a7"
-  integrity sha512-7BPkc3ufYB9KLvcaTpTsnpXzh9DZoENxCS0Ms9XUwuRXw45TpevwUpOsa3atO76iKQ5puHntqFO4zs8IUxBaaA==
+"@turf/bezier-spline@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/bezier-spline/-/bezier-spline-7.3.3.tgz#efb283e5d2763ed7ba33b9735e03fa5e8da65362"
+  integrity sha512-12Qt8FEibQUUeVPGWkUycKjEAduR83cljYNsIOYl4EfwnBX01Puv+b9h4afFxsX4ltNRz4rFqYBBQQ2a6TdaMg==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/boolean-clockwise@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-clockwise/-/boolean-clockwise-7.2.0.tgz#5ecfbdba3a9a7cad83bea63876aab8f2a3539a23"
-  integrity sha512-0fJeFSARxy6ealGBM4Gmgpa1o8msQF87p2Dx5V6uSqzT8VPDegX1NSWl4b7QgXczYa9qv7IAABttdWP0K7Q7eQ==
+"@turf/boolean-clockwise@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-clockwise/-/boolean-clockwise-7.3.3.tgz#253157ee53256b30dd037c5a427a367aa65ae8d5"
+  integrity sha512-eC0wMnI+HB//V16Rnq736Z0HifaVcmF4Z9X1Ixlt8uZwVC6UHf3BB6ages8igmTp5fyoixZozxK7amfKgV7k5w==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/boolean-concave@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-concave/-/boolean-concave-7.2.0.tgz#52e2d7908893b0df5f5904461f57bd9d683e6424"
-  integrity sha512-v3dTN04dfO6VqctQj1a+pjDHb6+/Ev90oAR2QjJuAntY4ubhhr7vKeJdk/w+tWNSMKULnYwfe65Du3EOu3/TeA==
+"@turf/boolean-concave@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-concave/-/boolean-concave-7.3.3.tgz#f2ee20f4d6e4f73973f2d56e3cc8a87700ae0160"
+  integrity sha512-Ycy/ra7/hn0Q4PQwkthMh9tF/5YvuHyI4qHbRucNw33lCfNjGKDRTd09gl1m2kmyM/z/QmgnJ8YPh8bALZJ51g==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/boolean-contains@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-contains/-/boolean-contains-7.2.0.tgz#5d9f4d4bcc1f7d378784bff3f4c93feab14edb9e"
-  integrity sha512-dgRQm4uVO5XuLee4PLVH7CFQZKdefUBMIXTPITm2oRIDmPLJKHDOFKQTNkGJ73mDKKBR2lmt6eVH3br6OYrEYg==
-  dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/boolean-point-on-line" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+"@turf/boolean-contains@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-contains/-/boolean-contains-7.3.3.tgz#993fd5a50efee4ddac27901f51bb973d385e8e64"
+  integrity sha512-uwg7g7NHmyz4eVXh2g+4yWTgdIf5U7EsWb4bqJfVKprtvVeu/E9IWJIYs4haoAwEfVdOIUxTRErAf4IFPj8aqQ==
+  dependencies:
+    "@turf/bbox" "7.3.3"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/boolean-point-on-line" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/line-split" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/boolean-crosses@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-crosses/-/boolean-crosses-7.2.0.tgz#48fbd37c51a0f1e1aa9cc75d5484e8441bb7f173"
-  integrity sha512-9GyM4UUWFKQOoNhHVSfJBf5XbPy8Fxfz9djjJNAnm/IOl8NmFUSwFPAjKlpiMcr6yuaAoc9R/1KokS9/eLqPvA==
-  dependencies:
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/line-intersect" "^7.2.0"
-    "@turf/polygon-to-line" "^7.2.0"
+"@turf/boolean-crosses@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-crosses/-/boolean-crosses-7.3.3.tgz#c2b0dc0b5927ecd307ecb6f6e3dcb5beb00fef1c"
+  integrity sha512-2PjeLm2BTcDIbkVd0zebaiYjAHvIfneDnb9P9pLLWohwwAuSEaig+Wru1m61HlFRRU6Wddc1BLmw8DNjbeIobQ==
+  dependencies:
+    "@turf/boolean-equal" "7.3.3"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/line-intersect" "7.3.3"
+    "@turf/polygon-to-line" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/boolean-disjoint@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-disjoint/-/boolean-disjoint-7.2.0.tgz#84b07b10b6b0fa1e3a8276dd81dd30d697059a47"
-  integrity sha512-xdz+pYKkLMuqkNeJ6EF/3OdAiJdiHhcHCV0ykX33NIuALKIEpKik0+NdxxNsZsivOW6keKwr61SI+gcVtHYcnQ==
-  dependencies:
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/line-intersect" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/polygon-to-line" "^7.2.0"
+"@turf/boolean-disjoint@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-disjoint/-/boolean-disjoint-7.3.3.tgz#593e68e319cf327c912fbf5fa1acad1209e5f1b9"
+  integrity sha512-ybt4jIcHrxES1eVGJWiX78R/NqqF1BRa8ynXqVw837oN5PfVBlhLKAgbTQneKWMjhRbczq0SJv0nZo4foynCqg==
+  dependencies:
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/line-intersect" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/polygon-to-line" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/boolean-equal@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-equal/-/boolean-equal-7.2.0.tgz#600fda95b08130ea16f12cb1e4a4debbac12cd1f"
-  integrity sha512-TmjKYLsxXqEmdDtFq3QgX4aSogiISp3/doeEtDOs3NNSR8susOtBEZkmvwO6DLW+g/rgoQJIBR6iVoWiRqkBxw==
+"@turf/boolean-equal@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-equal/-/boolean-equal-7.3.3.tgz#46f4de740ad054563b949a71a6af497811026ed5"
+  integrity sha512-2aZXbjiKQyYyEgEC9UySodYW4dda6RfYyoPe+eaTqRpvOhWBWPzNThhofiV2R0FnbinhbTTK8RkXs2hMcfqv+Q==
   dependencies:
-    "@turf/clean-coords" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/clean-coords" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     geojson-equality-ts "^1.0.2"
     tslib "^2.8.1"
 
-"@turf/boolean-intersects@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-intersects/-/boolean-intersects-7.2.0.tgz#c0893f98820293e446b4229c651d0743b503939c"
-  integrity sha512-GLRyLQgK3F14drkK5Qi9Mv7Z9VT1bgQUd9a3DB3DACTZWDSwfh8YZUFn/HBwRkK8dDdgNEXaavggQHcPi1k9ow==
+"@turf/boolean-intersects@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-intersects/-/boolean-intersects-7.3.3.tgz#41edafb9da800ea135948b2a6df2bacdc735791f"
+  integrity sha512-NiwD37d5bHmTdrpBh+AKggKRF/Vpkbfs7WBy5oce2iineyrSj6p203yCbzo8tSVWTgA0NEW2t+YHwpLjvlv47g==
   dependencies:
-    "@turf/boolean-disjoint" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/boolean-disjoint" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/boolean-overlap@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-overlap/-/boolean-overlap-7.2.0.tgz#8319545b9bc50e7284b1c5d3ecad7b89500030cd"
-  integrity sha512-ieM5qIE4anO+gUHIOvEN7CjyowF+kQ6v20/oNYJCp63TVS6eGMkwgd+I4uMzBXfVW66nVHIXjODdUelU+Xyctw==
-  dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/line-intersect" "^7.2.0"
-    "@turf/line-overlap" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+"@turf/boolean-overlap@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-overlap/-/boolean-overlap-7.3.3.tgz#4daaacef914cd5c0cd63bc70971c77e9946ba292"
+  integrity sha512-qmZ6UOTAp7fEsH79NuK2xje32yuH7qxdnbZwA94r9iYLaUAxIGuXMRqgjrUWEL0DjyRtHQD7V2aEus4TOdNsOw==
+  dependencies:
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/line-intersect" "7.3.3"
+    "@turf/line-overlap" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     geojson-equality-ts "^1.0.2"
     tslib "^2.8.1"
 
-"@turf/boolean-parallel@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-parallel/-/boolean-parallel-7.2.0.tgz#1d0d2f728fd40e9fe6fcecc02a7749c43970844f"
-  integrity sha512-iOtuzzff8nmwv05ROkSvyeGLMrfdGkIi+3hyQ+DH4IVyV37vQbqR5oOJ0Nt3Qq1Tjrq9fvF8G3OMdAv3W2kY9w==
+"@turf/boolean-parallel@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-parallel/-/boolean-parallel-7.3.3.tgz#430fa7c5b8ff025f7893b96c5568c0bf827cdbdd"
+  integrity sha512-R6eYdc3SAT3NkP4jwpMdWiwXER6bnP/K7Xrb2u1LvZkjVH0ljHV+/YbgwXgrB2QMp6npEAZvKE4xEzl6hs8KRw==
   dependencies:
-    "@turf/clean-coords" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/line-segment" "^7.2.0"
-    "@turf/rhumb-bearing" "^7.2.0"
+    "@turf/clean-coords" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/line-segment" "7.3.3"
+    "@turf/rhumb-bearing" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/boolean-point-in-polygon@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-point-in-polygon/-/boolean-point-in-polygon-7.2.0.tgz#0f9d18bb058b118340d79a0e5f346bd09a363a9a"
-  integrity sha512-lvEOjxeXIp+wPXgl9kJA97dqzMfNexjqHou+XHVcfxQgolctoJiRYmcVCWGpiZ9CBf/CJha1KmD1qQoRIsjLaA==
+"@turf/boolean-point-in-polygon@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-point-in-polygon/-/boolean-point-in-polygon-7.3.3.tgz#7e0672c3e71b72b1102ef78a76733525045045b5"
+  integrity sha512-hmXV4PofLAVbVZcnKk/yp//0s65huap+L3wKGKzbLWk57fWla/eRmFKx/iQ15xGu05zylHz5cA5AfriVGZHj2g==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     point-in-polygon-hao "^1.1.0"
     tslib "^2.8.1"
 
-"@turf/boolean-point-on-line@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-point-on-line/-/boolean-point-on-line-7.2.0.tgz#e0373a453cf504d1e7f3125705e7786ea8d48df6"
-  integrity sha512-H/bXX8+2VYeSyH8JWrOsu8OGmeA9KVZfM7M6U5/fSqGsRHXo9MyYJ94k39A9kcKSwI0aWiMXVD2UFmiWy8423Q==
+"@turf/boolean-point-on-line@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-point-on-line/-/boolean-point-on-line-7.3.3.tgz#c29c879f29962f4c3a6b4ed293a45621407c4b3c"
+  integrity sha512-iHLLdIdPNs29PgWGvsgdHTk3FntDAH0ILzcfsu/Uwdxbubz0GcPEWRFtMNKdszOQLT8LOtpJAgO617iiYNIkng==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/boolean-touches@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-touches/-/boolean-touches-7.2.0.tgz#963985459cbfe2b2678b4e17399715d98e5400a2"
-  integrity sha512-8qb1CO+cwFATGRGFgTRjzL9aibfsbI91pdiRl7KIEkVdeN/H9k8FDrUA1neY7Yq48IaciuwqjbbojQ16FD9b0w==
+"@turf/boolean-touches@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-touches/-/boolean-touches-7.3.3.tgz#839e359285975beedf41326a7b6f55ee13e276e2"
+  integrity sha512-gDPEDEkW6rV11DsCAORKoklViySku85DCm357CON6i0CyzLzdHIePgiodH23VrtpWIPuyeLd/MePWxSpHPa7Eg==
   dependencies:
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/boolean-point-on-line" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/boolean-point-on-line" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/boolean-valid@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-valid/-/boolean-valid-7.2.0.tgz#608d1ac810b5009bc42d9b05408e4ce50489f58d"
-  integrity sha512-xb7gdHN8VV6ivPJh6rPpgxmAEGReiRxqY+QZoEZVGpW2dXcmU1BdY6FA6G/cwvggXAXxJBREoANtEDgp/0ySbA==
-  dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/boolean-crosses" "^7.2.0"
-    "@turf/boolean-disjoint" "^7.2.0"
-    "@turf/boolean-overlap" "^7.2.0"
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/boolean-point-on-line" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/line-intersect" "^7.2.0"
+"@turf/boolean-valid@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-valid/-/boolean-valid-7.3.3.tgz#60bba3b89416788a327841035d6cebf0a7ebf34e"
+  integrity sha512-ysjm8c40NVa0GlVU6SFzH1PdfU1owE4Kila8lllmhgC81hKtzABuBbnb6yzj6UgWUUxKNI0+NL90I8WrCWTCHg==
+  dependencies:
+    "@turf/bbox" "7.3.3"
+    "@turf/boolean-crosses" "7.3.3"
+    "@turf/boolean-disjoint" "7.3.3"
+    "@turf/boolean-overlap" "7.3.3"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/boolean-point-on-line" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/line-intersect" "7.3.3"
     "@types/geojson" "^7946.0.10"
     geojson-polygon-self-intersections "^1.2.1"
     tslib "^2.8.1"
 
-"@turf/boolean-within@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/boolean-within/-/boolean-within-7.2.0.tgz#a6107cf50be269992d49c27f578bf68e135d6267"
-  integrity sha512-zB3AiF59zQZ27Dp1iyhp9mVAKOFHat8RDH45TZhLY8EaqdEPdmLGvwMFCKfLryQcUDQvmzP8xWbtUR82QM5C4g==
-  dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/boolean-point-on-line" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+"@turf/boolean-within@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/boolean-within/-/boolean-within-7.3.3.tgz#70fdbbec954bae4f60c2412f8479cd60632de2f3"
+  integrity sha512-jDjnNmhjlmZh2t1djPcW+E3XRpeiQPHNQdWaHhTZ/DLXtbne6iQjeKOnsNMGTC/I0QgOjDaZwFGxwlBFQFKKrg==
+  dependencies:
+    "@turf/bbox" "7.3.3"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/boolean-point-on-line" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/line-split" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/buffer@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/buffer/-/buffer-7.2.0.tgz#781f3bbf9ff48279351502693a782683b690840b"
-  integrity sha512-QH1FTr5Mk4z1kpQNztMD8XBOZfpOXPOtlsxaSAj2kDIf5+LquA6HtJjZrjUngnGtzG5+XwcfyRL4ImvLnFjm5Q==
+"@turf/buffer@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/buffer/-/buffer-7.3.3.tgz#fb6fe77e9ac38469021fbb9996ca48d3933b0e8f"
+  integrity sha512-/Yv7sMunh9KtSGeQ1nYJbxk+vRdkQs0jdSZghKT2iy3sEKpFpsPt543YUpoflr4z3pmX7GOqwMdx0z2BH68sdQ==
   dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/center" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
+    "@turf/bbox" "7.3.3"
+    "@turf/center" "7.3.3"
+    "@turf/helpers" "7.3.3"
     "@turf/jsts" "^2.7.1"
-    "@turf/meta" "^7.2.0"
-    "@turf/projection" "^7.2.0"
+    "@turf/meta" "7.3.3"
+    "@turf/projection" "7.3.3"
     "@types/geojson" "^7946.0.10"
     d3-geo "1.7.1"
 
-"@turf/center-mean@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/center-mean/-/center-mean-7.2.0.tgz#7ea2e46817340a148a062d656d063b0675e69a45"
-  integrity sha512-NaW6IowAooTJ35O198Jw3U4diZ6UZCCeJY+4E+WMLpks3FCxMDSHEfO2QjyOXQMGWZnVxVelqI5x9DdniDbQ+A==
+"@turf/center-mean@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/center-mean/-/center-mean-7.3.3.tgz#edc0646a928ebfbfe6e3cfce76e061f2ae07c2ef"
+  integrity sha512-UNVVzj7RylbdGu+X9la0/c+jQdwscMJ9d53oaEddLdg6b3qPSMs5yasv8DTs8CAgnCJHdOUH7lOWSB1yXJno9w==
   dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/bbox" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/center-median@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/center-median/-/center-median-7.2.0.tgz#574849512fdc6f083c471e2ab8532f43ac27846d"
-  integrity sha512-/CgVyHNG4zAoZpvkl7qBCe4w7giWNVtLyTU5PoIfg1vWM4VpYw+N7kcBBH46bbzvVBn0vhmZr586r543EwdC/A==
-  dependencies:
-    "@turf/center-mean" "^7.2.0"
-    "@turf/centroid" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+"@turf/center-median@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/center-median/-/center-median-7.3.3.tgz#028fe89cd300da8d635d277e2ec4a088335d2592"
+  integrity sha512-OqH5aHs3FUPp7CNt9pUpFYKZ7VxMszsyMoQC6jueym2ga0449vJLxXRlU2cmGe34i+bAOzkqJUwqxBgMKJaw9g==
+  dependencies:
+    "@turf/center-mean" "7.3.3"
+    "@turf/centroid" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/center-of-mass@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/center-of-mass/-/center-of-mass-7.2.0.tgz#a219fb70a1cafc65bd4682c8ee874c63a0ba762d"
-  integrity sha512-ij3pmG61WQPHGTQvOziPOdIgwTMegkYTwIc71Gl7xn4C0vWH6KLDSshCphds9xdWSXt2GbHpUs3tr4XGntHkEQ==
-  dependencies:
-    "@turf/centroid" "^7.2.0"
-    "@turf/convex" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+"@turf/center-of-mass@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/center-of-mass/-/center-of-mass-7.3.3.tgz#bf6a61bb13f0130c2395529277b6a51cb823bc84"
+  integrity sha512-UDymsi00QlHBRVgukC9ObCQp/FjwPJ5M8ozH9EnJfnmpzbZpIZUI9vFgCbVR62A5hhMN5TkLwp65KJQQRhs2bA==
+  dependencies:
+    "@turf/centroid" "7.3.3"
+    "@turf/convex" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/center@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/center/-/center-7.2.0.tgz#dcf5b6ca49065db73c4defe78e24427b73b054dc"
-  integrity sha512-UTNp9abQ2kuyRg5gCIGDNwwEQeF3NbpYsd1Q0KW9lwWuzbLVNn0sOwbxjpNF4J2HtMOs5YVOcqNvYyuoa2XrXw==
+"@turf/center@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/center/-/center-7.3.3.tgz#becc26b059699e535a67be0abd6218e0ed109ed3"
+  integrity sha512-Hl+/tuRev29QTPbKDIucqT1hUjI7yZ1IYFAQzMuWCNmtVh12BHZdrzBNIUl2IN6vFZWcrQy/7L2a55nNPKIFng==
   dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
+    "@turf/bbox" "7.3.3"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/centroid@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/centroid/-/centroid-7.2.0.tgz#3211fe81d68b65082c7be72bf099b33b9211b282"
-  integrity sha512-yJqDSw25T7P48au5KjvYqbDVZ7qVnipziVfZ9aSo7P2/jTE7d4BP21w0/XLi3T/9bry/t9PR1GDDDQljN4KfDw==
+"@turf/centroid@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/centroid/-/centroid-7.3.3.tgz#8c32af4313fb791705add92665230a551f6398c1"
+  integrity sha512-3vWLnF1CksLk7xTUH11IzOQJ6fOoj7zhuL8M3GTxcKruVkGat/vIm3Ye5b68sDVcE5nFDA2pYjjbL7Rfmn3/GQ==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/circle@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/circle/-/circle-7.2.0.tgz#42b3e62d024774a23d7d1e3ec8c577035ad6c120"
-  integrity sha512-1AbqBYtXhstrHmnW6jhLwsv7TtmT0mW58Hvl1uZXEDM1NCVXIR50yDipIeQPjrCuJ/Zdg/91gU8+4GuDCAxBGA==
+"@turf/circle@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/circle/-/circle-7.3.3.tgz#be62394225d56b809fd18d9e54eda6cc5ef002ea"
+  integrity sha512-IFS30B10GASkEpsAqKV04B4YcwrEhwgdIfiOAUwuSm9Xp41hXwnJSjSBgjXwMpqlttdoyDWsG26+CRq18bNP4w==
   dependencies:
-    "@turf/destination" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
+    "@turf/destination" "7.3.3"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/clean-coords@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/clean-coords/-/clean-coords-7.2.0.tgz#39f85be033bc33601da2e95948e6c184af34610f"
-  integrity sha512-+5+J1+D7wW7O/RDXn46IfCHuX1gIV1pIAQNSA7lcDbr3HQITZj334C4mOGZLEcGbsiXtlHWZiBtm785Vg8i+QQ==
+"@turf/clean-coords@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/clean-coords/-/clean-coords-7.3.3.tgz#2db71aa0259f41f8b568112769b2ee6fcfd1d38a"
+  integrity sha512-lkXGy75On5cywCAqgLVBP0DdkYnaZmeTkqfrhCwW6Ac90t9iLpght496oN3Jru5PlPB6HS3rEmgmY/JWUBU6Ag==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/boolean-point-on-line" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/clone@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/clone/-/clone-7.2.0.tgz#1dbf6e2f82ba2f9da45285fb870aa40662ccc55f"
-  integrity sha512-JlGUT+/5qoU5jqZmf6NMFIoLDY3O7jKd53Up+zbpJ2vzUp6QdwdNzwrsCeONhynWM13F0MVtPXH4AtdkrgFk4g==
+"@turf/clone@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/clone/-/clone-7.3.3.tgz#9c77d163228e9e0324ee63e36c40688020aa1614"
+  integrity sha512-IrG3zXKy++xmnQAuL3ZQDVHdsTpKoEY87cLwsKg1Z1VnH7egluxL0T6VTwcu1l64c0QeBtnTjXJBC8XiO4ajog==
   dependencies:
-    "@turf/helpers" "^7.2.0"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/clusters-dbscan@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/clusters-dbscan/-/clusters-dbscan-7.2.0.tgz#bc3218e90163815eaa68f8fba5534e1daa493f2a"
-  integrity sha512-VWVUuDreev56g3/BMlnq/81yzczqaz+NVTypN5CigGgP67e+u/CnijphiuhKjtjDd/MzGjXgEWBJc26Y6LYKAw==
+"@turf/clusters-dbscan@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/clusters-dbscan/-/clusters-dbscan-7.3.3.tgz#ca8e46077e86a95ba09b65d528da807ace051d0c"
+  integrity sha512-6xAWb19xr5hjXrBASyB8OnvgYY9e8MguBSKhV15l9TBAuKrIuOqD/XVvf0TbXE6VYC7jhDJ8LQSPyjD9gP4MoQ==
   dependencies:
-    "@turf/clone" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
-    rbush "^3.0.1"
+    "@types/geokdbush" "^1.1.5"
+    geokdbush "^2.0.1"
+    kdbush "^4.0.2"
     tslib "^2.8.1"
 
-"@turf/clusters-kmeans@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/clusters-kmeans/-/clusters-kmeans-7.2.0.tgz#6f9a6344da44ab9c2a5fb5bfb03d1ec0a52346e5"
-  integrity sha512-BxQdK8jc8Mwm9yoClCYkktm4W004uiQGqb/i/6Y7a8xqgJITWDgTu/cy//wOxAWPk4xfe6MThjnqkszWW8JdyQ==
+"@turf/clusters-kmeans@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/clusters-kmeans/-/clusters-kmeans-7.3.3.tgz#d57bf2bac77f91c1ef9b90d3afe9e8d994bd6448"
+  integrity sha512-BxSGql6TzL4Crx3hgDfwJa10GbOobi5oMjK8cnKdtNKOe8gY9f+sZsu+ihILFZX+VEtKkmakeqVvq5hOCMuUqA==
   dependencies:
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     skmeans "0.9.7"
     tslib "^2.8.1"
 
-"@turf/clusters@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/clusters/-/clusters-7.2.0.tgz#9302a02e76080d6650509f5fab262ca494a9a8d2"
-  integrity sha512-sKOrIKHHtXAuTKNm2USnEct+6/MrgyzMW42deZ2YG2RRKWGaaxHMFU2Yw71Yk4DqStOqTIBQpIOdrRuSOwbuQw==
+"@turf/clusters@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/clusters/-/clusters-7.3.3.tgz#a1331da720a477bfe47f487ef887f2e261cf2062"
+  integrity sha512-ibtKVnPKSnMu0uY3elEQwiS90RPo6H+Ppf2rHXHZZhtZC41bPjRx1mHunCyblxNaUQ5ToEE4I1+b4HDJOb0rjg==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/collect@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/collect/-/collect-7.2.0.tgz#ebc4dcd2ea53fed3069f92af8f6bd7b17bc5a722"
-  integrity sha512-zRVGDlYS8Bx/Zz4vnEUyRg4dmqHhkDbW/nIUIJh657YqaMj1SFi4Iv2i9NbcurlUBDJFkpuOhCvvEvAdskJ8UA==
+"@turf/collect@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/collect/-/collect-7.3.3.tgz#4ca70ba96190e2bcf49f68662495fad1cc517770"
+  integrity sha512-E1wuB0W+zktOmsKgO3RGdGpHBjPb/x11L3dLlkwgb4Xu1e3sHPkO8YXkT8REYyk3lxc0efZC/6grMPUqdOJmtg==
   dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
+    "@turf/bbox" "7.3.3"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     rbush "^3.0.1"
     tslib "^2.8.1"
 
-"@turf/combine@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/combine/-/combine-7.2.0.tgz#6bc3467df59ecfc346077f29d330b15b19ff6a75"
-  integrity sha512-VEjm3IvnbMt3IgeRIhCDhhQDbLqCU1/5uN1+j1u6fyA095pCizPThGp4f/COSzC3t1s/iiV+fHuDsB6DihHffQ==
+"@turf/combine@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/combine/-/combine-7.3.3.tgz#821e0b6d94a2c8acd2d2531897842e9bc8f752f6"
+  integrity sha512-WryXoIK5Ggq3LkWlG3kCs+26iMuXLMs6YxJZwnjkWndB81k9dkB5ibbnZ71PERESCJfpBBtgyQc2cfMdyeqWuA==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/concave@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/concave/-/concave-7.2.0.tgz#53fa61ab60a611f49658d6daa130a2651b165b52"
-  integrity sha512-cpaDDlumK762kdadexw5ZAB6g/h2pJdihZ+e65lbQVe3WukJHAANnIEeKsdFCuIyNKrwTz2gWu5ws+OpjP48Yw==
-  dependencies:
-    "@turf/clone" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/tin" "^7.2.0"
+"@turf/concave@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/concave/-/concave-7.3.3.tgz#7e70890ff5f39c1fbb6a59e8494e70e3ad1e65a1"
+  integrity sha512-V+OV02WHioK1Z7Yabd+PKYzxhXJhlPNLUO4wN4dzzHqyn500G2I0+YXgJ9YW45zmPKOi1AGh0E8vehV1XYUG1w==
+  dependencies:
+    "@turf/clone" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/tin" "7.3.3"
     "@types/geojson" "^7946.0.10"
     topojson-client "3.x"
     topojson-server "3.x"
     tslib "^2.8.1"
 
-"@turf/convex@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/convex/-/convex-7.2.0.tgz#6f28fd7a1f8385f9bf0f63a0a16ca81e218eb5c7"
-  integrity sha512-HsgHm+zHRE8yPCE/jBUtWFyaaBmpXcSlyHd5/xsMhSZRImFzRzBibaONWQo7xbKZMISC3Nc6BtUjDi/jEVbqyA==
+"@turf/convex@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/convex/-/convex-7.3.3.tgz#ef882da8ab05163d6388e6d4f48446d015187d2f"
+  integrity sha512-GnE6rj+WMqaC5PTLnOUqgbGotHOBu4KNelcZKyHoIPZPhcHxHg1pIApInZflb2Kc1TeW6bYYcFSxmAtxvJUZjw==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     concaveman "^1.2.1"
     tslib "^2.8.1"
 
-"@turf/destination@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/destination/-/destination-7.2.0.tgz#f27bc602a11f6c662444249f78429e1f26cc31be"
-  integrity sha512-8DUxtOO0Fvrh1xclIUj3d9C5WS20D21F5E+j+X9Q+ju6fcM4huOqTg5ckV1DN2Pg8caABEc5HEZJnGch/5YnYQ==
+"@turf/destination@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/destination/-/destination-7.3.3.tgz#d3cd0b3d8586d323303c5b1acce15263bb91f221"
+  integrity sha512-X1rVDHLTJLb29tZAVryQz5BD3YKid77Q6PTGEeghZk9PZfRVPhloLSOtKksp6JnmNXV2iHsiY0bORAYzq29+JQ==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/difference@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/difference/-/difference-7.2.0.tgz#f404b256fde3ddfd5fc75f336797d4cad938fbff"
-  integrity sha512-NHKD1v3s8RX+9lOpvHJg6xRuJOKiY3qxHhz5/FmE0VgGqnCkE7OObqWZ5SsXG+Ckh0aafs5qKhmDdDV/gGi6JA==
+"@turf/difference@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/difference/-/difference-7.3.3.tgz#c427147c48bcf3592443d8efffcb6dde0cb63ee4"
+  integrity sha512-JHqO26U810wxQFStNt0Ga4XycbNDk+bwZrDCZ0TOqeijeqaEm8f8NT1GE3c2KcAQJZJogONt9WmLe1VCKPraGA==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     polyclip-ts "^0.16.8"
     tslib "^2.8.1"
 
-"@turf/dissolve@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/dissolve/-/dissolve-7.2.0.tgz#2ff44952154e940182e04615d2e70275c27b2567"
-  integrity sha512-gPG5TE3mAYuZqBut8tPYCKwi4hhx5Cq0ALoQMB9X0hrVtFIKrihrsj98XQM/5pL/UIpAxQfwisQvy6XaOFaoPA==
+"@turf/dissolve@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/dissolve/-/dissolve-7.3.3.tgz#eb79156be42b5e6283b809051aa0bf41eefb34cd"
+  integrity sha512-YkWB3qNhLnmQFaI/DGDlirZU9urUHRic1Vcv1GBWPPw7Wt8CM+2y3ZRGuvGo4nMmsi3Ghgdrf4155PnOxkD5BA==
   dependencies:
-    "@turf/flatten" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/flatten" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     polyclip-ts "^0.16.8"
     tslib "^2.8.1"
 
-"@turf/distance-weight@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/distance-weight/-/distance-weight-7.2.0.tgz#d610e8c4fe1efa249397d8e6462c856fd8c61e59"
-  integrity sha512-NeoyV0fXDH+7nIoNtLjAoH9XL0AS1pmTIyDxEE6LryoDTsqjnuR0YQxIkLCCWDqECoqaOmmBqpeWONjX5BwWCg==
+"@turf/distance-weight@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/distance-weight/-/distance-weight-7.3.3.tgz#d210557de7819a42960486b42d54a96d3d8daf76"
+  integrity sha512-xi02KPZ8gjXkJKdtwxyi3Pgggbb5C0jp270Ve3gzatGvQuf/1nzb6XQFqUMYcEDvFW8mm5CVj48EenqOmnMRUQ==
   dependencies:
-    "@turf/centroid" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/centroid" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/distance@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/distance/-/distance-7.2.0.tgz#bfc0bba9a1c5c8d601b2a8d02feffc9918bd48b5"
-  integrity sha512-HBjjXIgEcD/wJYjv7/6OZj5yoky2oUvTtVeIAqO3lL80XRvoYmVg6vkOIu6NswkerwLDDNT9kl7+BFLJoHbh6Q==
+"@turf/distance@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/distance/-/distance-7.3.3.tgz#b687bd117fd4b5a7c56ae2e6d2bead03ee8d8ce5"
+  integrity sha512-bmv0GzqlICjMWuQ05ipDDbT9ppQUMNo02+T5f/rPF9hSEXCPkSJQ1OdQ6XjUGzdJ/vxgES4DM4zhIDUKU/g8RQ==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/ellipse@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/ellipse/-/ellipse-7.2.0.tgz#49436ae313b8a7755f43dcc57cc3dc43e385c70e"
-  integrity sha512-/Y75S5hE2+xjnTw4dXpQ5r/Y2HPM4xrwkPRCCQRpuuboKdEvm42azYmh7isPnMnBTVcmGb9UmGKj0HHAbiwt1g==
+"@turf/ellipse@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/ellipse/-/ellipse-7.3.3.tgz#673f78f9949cbf2691f7bf5ff50ca9a1710091fc"
+  integrity sha512-prpLP+zYYVg7QoYCKR3aG78Gr0KmRFqXTzJhw/jdbxOAhSA6Gz4d9k0O9DFQ6MnXS1s7/ye1iGPbSlB5wYoydg==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/rhumb-destination" "^7.2.0"
-    "@turf/transform-rotate" "^7.2.0"
+    "@turf/destination" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/transform-rotate" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/envelope@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/envelope/-/envelope-7.2.0.tgz#b661f1a61ca3ccfe9c91f5464dfc3233f605b34d"
-  integrity sha512-xOMtDeNKHwUuDfzQeoSNmdabsP0/IgVDeyzitDe/8j9wTeW+MrKzVbGz7627PT3h6gsO+2nUv5asfKtUbmTyHA==
+"@turf/envelope@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/envelope/-/envelope-7.3.3.tgz#05660794f51b4b47845df6e825e24e684c81c288"
+  integrity sha512-E1aRVebT/ixwOuQwnJmEB7Q6L91EdqgIAwN7yi76mu/0otGxjdGiervw+O/a7/xgQsv9EAXGi3bzgkwhaRuedA==
   dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/bbox-polygon" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
+    "@turf/bbox" "7.3.3"
+    "@turf/bbox-polygon" "7.3.3"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/explode@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/explode/-/explode-7.2.0.tgz#25b54e6564f7f85c6c693b4b9f95acf6f4b5d52c"
-  integrity sha512-jyMXg93J1OI7/65SsLE1k9dfQD3JbcPNMi4/O3QR2Qb3BAs2039oFaSjtW+YqhMqVC4V3ZeKebMcJ8h9sK1n+A==
+"@turf/explode@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/explode/-/explode-7.3.3.tgz#b0b1bbd619ac6c07b05db4fa53d95db84785786d"
+  integrity sha512-nygZAr0YGkfD612AToHUWcoLHl38cL3eUbH1LC6lWys1bk6WG1X+oywdDK4cBP/Z0/74UTCT/jR+gmj+WhlWqA==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/flatten@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/flatten/-/flatten-7.2.0.tgz#b3cca9dcf7b7ec4532c966a919065744b2c0de9f"
-  integrity sha512-q38Qsqr4l7mxp780zSdn0gp/WLBX+sa+gV6qIbDQ1HKCrrPK8QQJmNx7gk1xxEXVot6tq/WyAPysCQdX+kLmMA==
+"@turf/flatten@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/flatten/-/flatten-7.3.3.tgz#00c9bae370d7ce170bcd32ded093df64869a1abc"
+  integrity sha512-XL0hEfxO30QeltQVhL47juOHkeFj4GNYGKVzO5Q9FOEwSSn753rcqih1JWLowpbBYuZLU1TrOHnfTygXYxNSqQ==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/flip@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/flip/-/flip-7.2.0.tgz#1cddfc376ae9550110d58202642d1905d4ce106a"
-  integrity sha512-X0TQ0U/UYh4tyXdLO5itP1sO2HOvfrZC0fYSWmTfLDM14jEPkEK8PblofznfBygL+pIFtOS2is8FuVcp5XxYpQ==
+"@turf/flip@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/flip/-/flip-7.3.3.tgz#0cfa9bc16052aa88b2837a5919d2120c14e98534"
+  integrity sha512-CKAimOAXJjuQcLXuz/kmqNV9ehdAUpl4tU4z3/SmlIm+GSYA8/HvLta3tRlw7bajP5Z15WUWq728jyoOlj3UvA==
   dependencies:
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/geojson-rbush@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/geojson-rbush/-/geojson-rbush-7.2.0.tgz#b714af52b2302c0e9783d10e1a65236c8a92c269"
-  integrity sha512-ST8fLv+EwxVkDgsmhHggM0sPk2SfOHTZJkdgMXVFT7gB9o4lF8qk4y4lwvCCGIfFQAp2yv/PN5EaGMEKutk6xw==
+"@turf/geojson-rbush@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/geojson-rbush/-/geojson-rbush-7.3.3.tgz#e58efdd8490629acf34b7e9f01a061771499798d"
+  integrity sha512-J/8oew3X9iYoKR7WsD9MeLmuyeYeXy+h6z1NUF8Scs/DQgigQV/hzOv20azt9S6neyfP72yIKDEo7dNxPJcoWw==
   dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/bbox" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     rbush "^3.0.1"
+    tslib "^2.8.1"
 
-"@turf/great-circle@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/great-circle/-/great-circle-7.2.0.tgz#be86b0562617909e3f16dd385854a60a7d7e1862"
-  integrity sha512-n30OiADyOKHhor0aXNgYfXQYXO3UtsOKmhQsY1D89/Oh1nCIXG/1ZPlLL9ZoaRXXBTUBjh99a+K8029NQbGDhw==
+"@turf/great-circle@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/great-circle/-/great-circle-7.3.3.tgz#bc3b15b69975e49a9a53ae4d3fb920af28dd8832"
+  integrity sha512-UT6cootKr2saXw9dIt+fZU/IG0rqm2WSFsmxqS8ZAtkfXe7Nr/JL4R94OCDr0y1ALkIX8IgzZjo9555c8x4hJA==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
+    arc "^0.2.0"
+    tslib "^2.8.1"
 
-"@turf/helpers@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/helpers/-/helpers-7.2.0.tgz#5771308108c98d608eb8e7f16dcd0eb3fb8a3417"
-  integrity sha512-cXo7bKNZoa7aC7ydLmUR02oB3IgDe7MxiPuRz3cCtYQHn+BJ6h1tihmamYDWWUlPHgSNF0i3ATc4WmDECZafKw==
+"@turf/helpers@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/helpers/-/helpers-7.3.3.tgz#7fc3c4241464be3a854d8289fe2096221d9b7165"
+  integrity sha512-9Ias0L1GuZPIzO6sk8jraTEuLJye6n9LYNEdw69ZGOQ6C1IigjxkPW49zmn21aTv1z27vxdVLSS3r+78DB2QnQ==
   dependencies:
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/hex-grid@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/hex-grid/-/hex-grid-7.2.0.tgz#dbc7affbb11c463cb91dbc5e4ed9ae1ba64e5b25"
-  integrity sha512-Yo2yUGxrTCQfmcVsSjDt0G3Veg8YD26WRd7etVPD9eirNNgXrIyZkbYA7zVV/qLeRWVmYIKRXg1USWl7ORQOGA==
+"@turf/hex-grid@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/hex-grid/-/hex-grid-7.3.3.tgz#62ef077b872dbf27b636597c2643876bc432bacf"
+  integrity sha512-kK99bi+/3H1JV1mSbtp5qAADZT7/QsIYnoSgBJgAjdqXxCahrnkaDQWuoMCFBeIxSVG2xANEJJjmGithMhZ8Og==
   dependencies:
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/intersect" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/intersect" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/interpolate@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/interpolate/-/interpolate-7.2.0.tgz#823b7f0845d813bd8206fc156792bfaec31a05f8"
-  integrity sha512-Ifgjm1SEo6XujuSAU6lpRMvoJ1SYTreil1Rf5WsaXj16BQJCedht/4FtWCTNhSWTwEz2motQ1WNrjTCuPG94xA==
-  dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/centroid" "^7.2.0"
-    "@turf/clone" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/hex-grid" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/point-grid" "^7.2.0"
-    "@turf/square-grid" "^7.2.0"
-    "@turf/triangle-grid" "^7.2.0"
+"@turf/interpolate@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/interpolate/-/interpolate-7.3.3.tgz#64c4f0eee52a86e7e57e181b3d9bfed653c8aa1d"
+  integrity sha512-0bCRzC91el+74BBqoTwdslI8PUlO5pRaUNWs4M5jEmNuet6NJyP8+CYwHVtb9VmVt3CpDAJ+c2yoGwt+D2JGyQ==
+  dependencies:
+    "@turf/bbox" "7.3.3"
+    "@turf/centroid" "7.3.3"
+    "@turf/clone" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/hex-grid" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/point-grid" "7.3.3"
+    "@turf/square-grid" "7.3.3"
+    "@turf/triangle-grid" "7.3.3"
     "@types/geojson" "^7946.0.10"
+    tslib "^2.8.1"
 
-"@turf/intersect@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/intersect/-/intersect-7.2.0.tgz#4ee2ae61e40b4a95883a45ea743c685f89ab1069"
-  integrity sha512-81GMzKS9pKqLPa61qSlFxLFeAC8XbwyCQ9Qv4z6o5skWk1qmMUbEHeMqaGUTEzk+q2XyhZ0sju1FV4iLevQ/aw==
+"@turf/intersect@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/intersect/-/intersect-7.3.3.tgz#8cc38800aceb62dbc84cd5fc97c2ea20a22998c6"
+  integrity sha512-vmNBZ/FwIyszFxxMjCkYrJk+C1O6r50c0Nwu0T2KxoivRMICyOuHFP27r5QeHR5tN7MqmSZPfEHgCiXzg8/iEQ==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     polyclip-ts "^0.16.8"
     tslib "^2.8.1"
 
-"@turf/invariant@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/invariant/-/invariant-7.2.0.tgz#ba5b377ea20ee8c45af0a4c9b8bf03aa1c43bd5d"
-  integrity sha512-kV4u8e7Gkpq+kPbAKNC21CmyrXzlbBgFjO1PhrHPgEdNqXqDawoZ3i6ivE3ULJj2rSesCjduUaC/wyvH/sNr2Q==
+"@turf/invariant@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/invariant/-/invariant-7.3.3.tgz#e8c96e200de92df26ef0619290916583c4fcdf66"
+  integrity sha512-q6UDgWmtIlU+AIxt5Awnh18ZMSuNti6drCXbIBdGdgQaQ1qEiyGZDE3P9RKk6otoLXOBYecOuI0HIwf2IxurhQ==
   dependencies:
-    "@turf/helpers" "^7.2.0"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/isobands@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/isobands/-/isobands-7.2.0.tgz#f6c80dd56cd8322fd64f7b433b9bc085ad96f007"
-  integrity sha512-lYoHeRieFzpBp29Jh19QcDIb0E+dzo/K5uwZuNga4wxr6heNU0AfkD4ByAHYIXHtvmp4m/JpSKq/2N6h/zvBkg==
-  dependencies:
-    "@turf/area" "^7.2.0"
-    "@turf/bbox" "^7.2.0"
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/explode" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+"@turf/isobands@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/isobands/-/isobands-7.3.3.tgz#9afac65de7ee39780bc73ab3ad873e74928b4c14"
+  integrity sha512-tYc+7GaFxmPctQ0KKxgMiLH7lU/etQs/KX9OOnyLDdEYtCEN2CjMA+tKUhu8vxE1hAji/I1RN5uqAbJEPcPNQQ==
+  dependencies:
+    "@turf/area" "7.3.3"
+    "@turf/bbox" "7.3.3"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/explode" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
-    marchingsquares "^1.3.3"
     tslib "^2.8.1"
 
-"@turf/isolines@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/isolines/-/isolines-7.2.0.tgz#b968b051126080e7a02661dc5e9e4a2276372a37"
-  integrity sha512-4ZXKxvA/JKkxAXixXhN3UVza5FABsdYgOWXyYm3L5ryTPJVOYTVSSd9A+CAVlv9dZc3YdlsqMqLTXNOOre/kwg==
+"@turf/isolines@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/isolines/-/isolines-7.3.3.tgz#e1787aa03be776b13e5dc52250ca4c97947eb3eb"
+  integrity sha512-X2cgOg2HkOcF1ERUfJqUslVAb9+XKhtcBf0Wj7+vZ3NQsCoFH8HLp6VM43lkjaazpI7tAVFEQgALKVZqwtQxrA==
   dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/bbox" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
-    marchingsquares "^1.3.3"
     tslib "^2.8.1"
 
 "@turf/jsts@^2.7.1":
@@ -2430,791 +2664,796 @@
   dependencies:
     jsts "2.7.1"
 
-"@turf/kinks@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/kinks/-/kinks-7.2.0.tgz#ed1946a46fdc5c92c6d1cd6525316f1f7a270576"
-  integrity sha512-BtxDxGewJR0Q5WR9HKBSxZhirFX+GEH1rD7/EvgDsHS8e1Y5/vNQQUmXdURjdPa4StzaUBsWRU5T3A356gLbPA==
+"@turf/kinks@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/kinks/-/kinks-7.3.3.tgz#31a69282adc3ef0bcd1c4b38e6aa464933a24f68"
+  integrity sha512-+k6hB/1LIxqkt/2DTAYxx4ggq51V1iLNLm7s4a+ZV3orPob+zpVvpqENHx7ppuDHNx9x+gz1yR1AZNR0S3MXxw==
   dependencies:
-    "@turf/helpers" "^7.2.0"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/length@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/length/-/length-7.2.0.tgz#488e48cbf3c6648ec087466d95512716ccdecfc5"
-  integrity sha512-LBmYN+iCgVtWNLsckVnpQIJENqIIPO63mogazMp23lrDGfWXu07zZQ9ZinJVO5xYurXNhc/QI2xxoqt2Xw90Ig==
+"@turf/length@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/length/-/length-7.3.3.tgz#b182027cce6c6f7c5a0d0756cf7519c45d58a85d"
+  integrity sha512-Yax4dZoZJOJbgZ2kiD4EKLRdC1JGyp92YvhbvpO4Vnugbbh0VTgWdFW3TElYqAHjSFCFpHiths06sztDXCRnMQ==
   dependencies:
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/line-arc@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/line-arc/-/line-arc-7.2.0.tgz#dc1cd0a90260100cadc2b55004024ac15148a33b"
-  integrity sha512-kfWzA5oYrTpslTg5fN50G04zSypiYQzjZv3FLjbZkk6kta5fo4JkERKjTeA8x4XNojb+pfmjMBB0yIh2w2dDRw==
+"@turf/line-arc@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/line-arc/-/line-arc-7.3.3.tgz#a6cc6edd304c5c8ff31850a16e5e84b403e49d11"
+  integrity sha512-CQSUD5aseUG6p+uwWU3bk0sTWr9ZKgngdes/pRTzC8C9araxcD+xFoXdZPNmRvIEIqeVZi3w/R7CYkcTjyGCmg==
   dependencies:
-    "@turf/circle" "^7.2.0"
-    "@turf/destination" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
+    "@turf/circle" "7.3.3"
+    "@turf/destination" "7.3.3"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/line-chunk@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/line-chunk/-/line-chunk-7.2.0.tgz#d193d6b99f32fd0497c2aa3015b4419e264d1a2e"
-  integrity sha512-1ODyL5gETtWSL85MPI0lgp/78vl95M39gpeBxePXyDIqx8geDP9kXfAzctuKdxBoR4JmOVM3NT7Fz7h+IEkC+g==
+"@turf/line-chunk@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/line-chunk/-/line-chunk-7.3.3.tgz#b87792484a2cad643dc6f5b7966195b0420b9aa7"
+  integrity sha512-HNYZNe+Fv272cUSO+j8lBPrHJ7PtZgcL+roWt3IZv7i0+TAvzkH99h3zAfgqEkFhbUSGXy/9f37539SzVhO5mg==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/length" "^7.2.0"
-    "@turf/line-slice-along" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/length" "7.3.3"
+    "@turf/line-slice-along" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
+    tslib "^2.8.1"
 
-"@turf/line-intersect@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/line-intersect/-/line-intersect-7.2.0.tgz#74f6a149429718ff2219329a5e3239f784f44489"
-  integrity sha512-GhCJVEkc8EmggNi85EuVLoXF5T5jNVxmhIetwppiVyJzMrwkYAkZSYB3IBFYGUUB9qiNFnTwungVSsBV/S8ZiA==
+"@turf/line-intersect@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/line-intersect/-/line-intersect-7.3.3.tgz#cd647432c6436d71062b5f04bf425a707531ba3f"
+  integrity sha512-RXlIPDseXT2PplbN8GMQOE3oa6DzAGSVm6xp7qaf4VyNvhRH85J+SpCYXuilYfd6eYWUrewUI1CkO5RIqHGlCA==
   dependencies:
-    "@turf/helpers" "^7.2.0"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     sweepline-intersections "^1.5.0"
     tslib "^2.8.1"
 
-"@turf/line-offset@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/line-offset/-/line-offset-7.2.0.tgz#942904903376c58913253bea17b7cc956e50d1a3"
-  integrity sha512-1+OkYueDCbnEWzbfBh3taVr+3SyM2bal5jfnSEuDiLA6jnlScgr8tn3INo+zwrUkPFZPPAejL1swVyO5TjUahw==
+"@turf/line-offset@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/line-offset/-/line-offset-7.3.3.tgz#3f1dc3a999fa455ae31b2bd2dbc62b486d7ba34e"
+  integrity sha512-Vvm6dds1pr2yH4WKonV/FDbRDH04DlXxFWYjZJShVzFQ2QuNYqNJRg2x5exbkCwnSP1cgk21wzzEwkzdJbrdRw==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
+    tslib "^2.8.1"
 
-"@turf/line-overlap@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/line-overlap/-/line-overlap-7.2.0.tgz#02a49011fd15333db1f41fe3ba4b2eec3fa2c342"
-  integrity sha512-NNn7/jg53+N10q2Kyt66bEDqN3101iW/1zA5FW7J6UbKApDFkByh+18YZq1of71kS6oUYplP86WkDp16LFpqqw==
-  dependencies:
-    "@turf/boolean-point-on-line" "^7.2.0"
-    "@turf/geojson-rbush" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/line-segment" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/nearest-point-on-line" "^7.2.0"
+"@turf/line-overlap@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/line-overlap/-/line-overlap-7.3.3.tgz#ce552dbf9c015695e3c8c6b4fe93443c98947c37"
+  integrity sha512-UjE/O+xHV2Y8vXMPVMMeA+sJSMyYJa4HiTfyjCB5AZz50KFNHoNOz/XnYzsmOeixUjKm89Ivjzab41mNu11ufQ==
+  dependencies:
+    "@turf/boolean-point-on-line" "7.3.3"
+    "@turf/geojson-rbush" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/line-segment" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/nearest-point-on-line" "7.3.3"
     "@types/geojson" "^7946.0.10"
     fast-deep-equal "^3.1.3"
     tslib "^2.8.1"
 
-"@turf/line-segment@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/line-segment/-/line-segment-7.2.0.tgz#6ad3ec7ae80e49abe067ff1d95eb1a9002fd7a78"
-  integrity sha512-E162rmTF9XjVN4rINJCd15AdQGCBlNqeWN3V0YI1vOUpZFNT2ii4SqEMCcH2d+5EheHLL8BWVwZoOsvHZbvaWA==
+"@turf/line-segment@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/line-segment/-/line-segment-7.3.3.tgz#fc9add2b4afbc6f13aec85f6455084f689e81361"
+  integrity sha512-2lhD3hDa73Q3uoNcr03bnQROpT6eGDNd+eupGSE8ZLeIKFy9Kkvi5YMmLz99IjUK23HO3RNmqYFR3X6JU0+4KQ==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/line-slice-along@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/line-slice-along/-/line-slice-along-7.2.0.tgz#f925440d61d45669c813d18c7988b48601fd9285"
-  integrity sha512-4/gPgP0j5Rp+1prbhXqn7kIH/uZTmSgiubUnn67F8nb9zE+MhbRglhSlRYEZxAVkB7VrGwjyolCwvrROhjHp2A==
+"@turf/line-slice-along@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/line-slice-along/-/line-slice-along-7.3.3.tgz#13320f1c3e8babc2d3b233fa0b07566b89518855"
+  integrity sha512-ARRi73OZEhIWVasim0XOQKqe7BsmIB+m2mpWB+QRkaUoNWoIR4awDQ720qGnDKffEVZx8YXv89nWLuXCSEFCaQ==
   dependencies:
-    "@turf/bearing" "^7.2.0"
-    "@turf/destination" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
+    "@turf/bearing" "7.3.3"
+    "@turf/destination" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
+    tslib "^2.8.1"
 
-"@turf/line-slice@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/line-slice/-/line-slice-7.2.0.tgz#3f3d1744169e19516110f1bfe00c44a571c3b5a6"
-  integrity sha512-bHotzZIaU1GPV3RMwttYpDrmcvb3X2i1g/WUttPZWtKrEo2VVAkoYdeZ2aFwtogERYS4quFdJ/TDzAtquBC8WQ==
+"@turf/line-slice@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/line-slice/-/line-slice-7.3.3.tgz#72d052b6a03b86daae0dabdf73c0deb25307e521"
+  integrity sha512-gL9BVhE3slme/bKp5a+KqWGrZppjz9fOHoUU9iDX47jlpEi+hYQyhU0XlEGilEmqF7MZAsCWBVKF1t1YIwM6dg==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/nearest-point-on-line" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/nearest-point-on-line" "7.3.3"
     "@types/geojson" "^7946.0.10"
+    tslib "^2.8.1"
 
-"@turf/line-split@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/line-split/-/line-split-7.2.0.tgz#f3ebd54a10eef8837eb6989db835c769885b838e"
-  integrity sha512-yJTZR+c8CwoKqdW/aIs+iLbuFwAa3Yan+EOADFQuXXIUGps3bJUXx/38rmowNoZbHyP1np1+OtrotyHu5uBsfQ==
-  dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/geojson-rbush" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/line-intersect" "^7.2.0"
-    "@turf/line-segment" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/nearest-point-on-line" "^7.2.0"
-    "@turf/square" "^7.2.0"
-    "@turf/truncate" "^7.2.0"
+"@turf/line-split@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/line-split/-/line-split-7.3.3.tgz#e51f9ca87e3dcc16d4df3c4f472bafbcd6a61a57"
+  integrity sha512-vSOCO2Hwd6/ZO3evtDNxwTX3yNkDGrfIWCscnJbKc0i5KukfHxYqM6jZI/8prWeEyOt6u8eAYbAN92Ew8j5NTA==
+  dependencies:
+    "@turf/bbox" "7.3.3"
+    "@turf/geojson-rbush" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/line-intersect" "7.3.3"
+    "@turf/line-segment" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/nearest-point-on-line" "7.3.3"
+    "@turf/truncate" "7.3.3"
     "@types/geojson" "^7946.0.10"
+    tslib "^2.8.1"
 
-"@turf/line-to-polygon@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/line-to-polygon/-/line-to-polygon-7.2.0.tgz#b65c798a203fdfe13d6f76595d59bbc2095ddc68"
-  integrity sha512-iKpJqc7EYc5NvlD4KaqrKKO6mXR7YWO/YwtW60E2FnsF/blnsy9OfAOcilYHgH3S/V/TT0VedC7DW7Kgjy2EIA==
+"@turf/line-to-polygon@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/line-to-polygon/-/line-to-polygon-7.3.3.tgz#59f878255960530cb7b4b3165e4de178674b7f65"
+  integrity sha512-INLY6eg6v1KASUjXHtAbehY3LXhf2mxtwmnp60NB8LjqTBgyW8erMf+Hapb15w6MiNJ8cE75y087AhXp+0HIXA==
   dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/bbox" "7.3.3"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/mask@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/mask/-/mask-7.2.0.tgz#86ff6590409708ddeeeccc9a201c3cfea16e5dea"
-  integrity sha512-ulJ6dQqXC0wrjIoqFViXuMUdIPX5Q6GPViZ3kGfeVijvlLM7kTFBsZiPQwALSr5nTQg4Ppf3FD0Jmg8IErPrgA==
+"@turf/mask@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/mask/-/mask-7.3.3.tgz#2bfe49aba6e922d47b86d5e1aaf3e5c25d0441b1"
+  integrity sha512-qBInOKsUVxh1BI24nUR5dhw9A0yHBpAa34Fk7ikQUSsiuvvngnnmHf8+M1fnXkdhYAfVA8Ad6rxhkB2ZCYEz3g==
   dependencies:
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     polyclip-ts "^0.16.8"
     tslib "^2.8.1"
 
-"@turf/meta@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/meta/-/meta-7.2.0.tgz#6a6b1918890b4d9d2b5ff10b3ad47e2fd7470912"
-  integrity sha512-igzTdHsQc8TV1RhPuOLVo74Px/hyPrVgVOTgjWQZzt3J9BVseCdpfY/0cJBdlSRI4S/yTmmHl7gAqjhpYH5Yaw==
+"@turf/meta@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/meta/-/meta-7.3.3.tgz#0080c026f2c4247f2dcb50dfb2b477aeaf14b590"
+  integrity sha512-Tz1j4h70iFB5SebWWoVv/uL59x4aOngXU+d1xQDXzOCn/O6txnreGVGMcYU362c5F06yqZx38H9UFTQ553lK0w==
   dependencies:
-    "@turf/helpers" "^7.2.0"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
+    tslib "^2.8.1"
 
-"@turf/midpoint@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/midpoint/-/midpoint-7.2.0.tgz#6dd15237eed330b137f7f0bb720e424ce4019be1"
-  integrity sha512-AMn5S9aSrbXdE+Q4Rj+T5nLdpfpn+mfzqIaEKkYI021HC0vb22HyhQHsQbSeX+AWcS4CjD1hFsYVcgKI+5qCfw==
+"@turf/midpoint@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/midpoint/-/midpoint-7.3.3.tgz#c5b58b4aa7f270af57cd8f57dd47cfb1937ceaa2"
+  integrity sha512-YZWpZuwk7fOZnHMHArkYdNtzBQPA1v4hz1M1u2OopM7ciqP+ZW8qUC3mdlUO5esEnxDXwmG/NRna6cgbXRBnMw==
   dependencies:
-    "@turf/bearing" "^7.2.0"
-    "@turf/destination" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
+    "@turf/bearing" "7.3.3"
+    "@turf/destination" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/moran-index@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/moran-index/-/moran-index-7.2.0.tgz#84f895bb8aa8f29d918ebd334935baa9fc696e41"
-  integrity sha512-Aexh1EmXVPJhApr9grrd120vbalIthcIsQ3OAN2Tqwf+eExHXArJEJqGBo9IZiQbIpFJeftt/OvUvlI8BeO1bA==
+"@turf/moran-index@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/moran-index/-/moran-index-7.3.3.tgz#3906a07aace240c9fea7909edc175d40edab573f"
+  integrity sha512-vL9nDje9nTNBw0bF0GOvDxxpGXaOzve6ivm3QNJsArZXWM3W/whZtOKZrvfmx39Fz+2Tj7RmxdLaFwGkPNSSOA==
   dependencies:
-    "@turf/distance-weight" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/distance-weight" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/nearest-neighbor-analysis@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/nearest-neighbor-analysis/-/nearest-neighbor-analysis-7.2.0.tgz#2d8a934b9ac8f2061583308f08fd218abd553508"
-  integrity sha512-LmP/crXb7gilgsL0wL9hsygqc537W/a1W5r9XBKJT4SKdqjoXX5APJatJfd3nwXbRIqwDH0cDA9/YyFjBPlKnA==
-  dependencies:
-    "@turf/area" "^7.2.0"
-    "@turf/bbox" "^7.2.0"
-    "@turf/bbox-polygon" "^7.2.0"
-    "@turf/centroid" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/nearest-point" "^7.2.0"
+"@turf/nearest-neighbor-analysis@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/nearest-neighbor-analysis/-/nearest-neighbor-analysis-7.3.3.tgz#ff9231d6c23785f1320e423858dde14676b360a7"
+  integrity sha512-3fX7WNot0LjmF6XUvCCq8w+V62+JdBUpObpGEK9/JYc5luiyB4rvB86YGASuKLFPV1+61CGkskBwdapD1KhQlA==
+  dependencies:
+    "@turf/area" "7.3.3"
+    "@turf/bbox" "7.3.3"
+    "@turf/bbox-polygon" "7.3.3"
+    "@turf/centroid" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/nearest-point" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/nearest-point-on-line@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/nearest-point-on-line/-/nearest-point-on-line-7.2.0.tgz#a32a887ff8970284050bdb3a2881a4ef15778cee"
-  integrity sha512-UOhAeoDPVewBQV+PWg1YTMQcYpJsIqfW5+EuZ5vJl60XwUa0+kqB/eVfSLNXmHENjKKIlEt9Oy9HIDF4VeWmXA==
+"@turf/nearest-point-on-line@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/nearest-point-on-line/-/nearest-point-on-line-7.3.3.tgz#9bc7722a4e6597c4b14818c47ade2bb29b1f710e"
+  integrity sha512-xFSTH7Vgqa/tMOPWzS3SZKgxCn2WB5F6v1AFAefYtCGnKy2BGM6cyLoEhegaCZKaJk2ftn/yd6P90+FBKm0nnQ==
   dependencies:
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/nearest-point-to-line@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/nearest-point-to-line/-/nearest-point-to-line-7.2.0.tgz#42206269c845fe7e953840c08818d15a6a8f301c"
-  integrity sha512-EorU7Qj30A7nAjh++KF/eTPDlzwuuV4neBz7tmSTB21HKuXZAR0upJsx6M2X1CSyGEgNsbFB0ivNKIvymRTKBw==
+"@turf/nearest-point-to-line@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/nearest-point-to-line/-/nearest-point-to-line-7.3.3.tgz#e20785e9b1b7f4572a0f347ee76fb7179ecb616d"
+  integrity sha512-663JyfGYKZ1qGf0x6C5XxUOgxj/MDUxWu9qG6+Nd0SN+sqHJdePmt09p7dxDrjiZb2WHrn0EWd3A/digFpIztg==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/point-to-line-distance" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/point-to-line-distance" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/nearest-point@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/nearest-point/-/nearest-point-7.2.0.tgz#4aecf49c953ec91ce7a94abc592642931b84d578"
-  integrity sha512-0wmsqXZ8CGw4QKeZmS+NdjYTqCMC+HXZvM3XAQIU6k6laNLqjad2oS4nDrtcRs/nWDvcj1CR+Io7OiQ6sbpn5Q==
+"@turf/nearest-point@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/nearest-point/-/nearest-point-7.3.3.tgz#b17cdb89a94e6df6cfe55fcf9088ba9888f3c772"
+  integrity sha512-DZRlQ8J7W3KwEBYb/C1ZpQdkjVPDVOAl8NFqeIKKPKjcViOnk/opYQsJTnMADvv28IGB/mlUM11qVPnnCg7YeA==
   dependencies:
-    "@turf/clone" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/clone" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/planepoint@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/planepoint/-/planepoint-7.2.0.tgz#29243349e63f4d87bb7b873227f73855cacdcd6d"
-  integrity sha512-8Vno01tvi5gThUEKBQ46CmlEKDAwVpkl7stOPFvJYlA1oywjAL4PsmgwjXgleZuFtXQUPBNgv5a42Pf438XP4g==
+"@turf/planepoint@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/planepoint/-/planepoint-7.3.3.tgz#f4cf6e7f0f7dfcf8137091a2274cf4b8bc354e22"
+  integrity sha512-AIkekrZq5KqzDnDpnxjAW/w7+12vsyaLjqAR8gY6viXpo6ZLG8+jCTJ+Ag8Jq4LtDWQn2qz/njP39b/HoPuX3A==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/point-grid@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/point-grid/-/point-grid-7.2.0.tgz#11eb73bd183cb2cc867b6bb3eaa92bf3a68f46c1"
-  integrity sha512-ai7lwBV2FREPW3XiUNohT4opC1hd6+F56qZe20xYhCTkTD9diWjXHiNudQPSmVAUjgMzQGasblQQqvOdL+bJ3Q==
+"@turf/point-grid@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/point-grid/-/point-grid-7.3.3.tgz#bcf73262818db61780636e9d2d245faffbfbc28a"
+  integrity sha512-N3sHc4BkTRPGrE7dVLrbds9SXEHfnC3F00DBMegTrjZntUQX0gyWvfpjWfk4J3U/+G8Kzqkv+BVwWimeIEo/pQ==
   dependencies:
-    "@turf/boolean-within" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/boolean-within" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/point-on-feature@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/point-on-feature/-/point-on-feature-7.2.0.tgz#0ab467736fdb69dee0774d2c917ef612f3a04ceb"
-  integrity sha512-ksoYoLO9WtJ/qI8VI9ltF+2ZjLWrAjZNsCsu8F7nyGeCh4I8opjf4qVLytFG44XA2qI5yc6iXDpyv0sshvP82Q==
-  dependencies:
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/center" "^7.2.0"
-    "@turf/explode" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/nearest-point" "^7.2.0"
+"@turf/point-on-feature@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/point-on-feature/-/point-on-feature-7.3.3.tgz#d53f58a6516fad4aa6e11e743176b1c271ffe995"
+  integrity sha512-JwnZYD7IRhXRqVNUZuka5aw00ws9P5Br3ZhFhd/UpoVi93M117/hdXwZhA9S98LNbTyAqj7ugvrlkXXeHqCBDw==
+  dependencies:
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/center" "7.3.3"
+    "@turf/explode" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/nearest-point" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/point-to-line-distance@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/point-to-line-distance/-/point-to-line-distance-7.2.0.tgz#80d017128b7c9281530f698058e76065e0efdf86"
-  integrity sha512-fB9Rdnb5w5+t76Gho2dYDkGe20eRrFk8CXi4v1+l1PC8YyLXO+x+l3TrtT8HzL/dVaZeepO6WUIsIw3ditTOPg==
-  dependencies:
-    "@turf/bearing" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/nearest-point-on-line" "^7.2.0"
-    "@turf/projection" "^7.2.0"
-    "@turf/rhumb-bearing" "^7.2.0"
-    "@turf/rhumb-distance" "^7.2.0"
+"@turf/point-to-line-distance@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/point-to-line-distance/-/point-to-line-distance-7.3.3.tgz#ac0bd3a0b5fbe83dec4668210718f9b0878215a3"
+  integrity sha512-pN+fqvcWK+cKhx+YF5azTHcIHvq8PrOt8Gb44bFMzwCcFJ5CgdMLqoztrbYpc3tVG9eK8taC9qesptQ8C1e8bg==
+  dependencies:
+    "@turf/bearing" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/nearest-point-on-line" "7.3.3"
+    "@turf/projection" "7.3.3"
+    "@turf/rhumb-bearing" "7.3.3"
+    "@turf/rhumb-distance" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/point-to-polygon-distance@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/point-to-polygon-distance/-/point-to-polygon-distance-7.2.0.tgz#27ac0e43c85808f58ccb0764cf65d1d066146146"
-  integrity sha512-w+WYuINgTiFjoZemQwOaQSje/8Kq+uqJOynvx7+gleQPHyWQ3VtTodtV4LwzVzXz8Sf7Mngx1Jcp2SNai5CJYA==
-  dependencies:
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/point-to-line-distance" "^7.2.0"
-    "@turf/polygon-to-line" "^7.2.0"
+"@turf/point-to-polygon-distance@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/point-to-polygon-distance/-/point-to-polygon-distance-7.3.3.tgz#a068383e836f6fa8407bc785e027fe7b103f7681"
+  integrity sha512-T3OqOyc+ZSNZU1DgodDAbh7LBmdvoXnKyjxkRmYHcYNei1uWVHALDI6c5/8ED3fyt6p7DIdqw3e3brV2jiu/Ug==
+  dependencies:
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/point-to-line-distance" "7.3.3"
+    "@turf/polygon-to-line" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/points-within-polygon@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/points-within-polygon/-/points-within-polygon-7.2.0.tgz#4f71c6252a68ea1456b14a50e5c7ad48a1120a7d"
-  integrity sha512-jRKp8/mWNMzA+hKlQhxci97H5nOio9tp14R2SzpvkOt+cswxl+NqTEi1hDd2XetA7tjU0TSoNjEgVY8FfA0S6w==
+"@turf/points-within-polygon@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/points-within-polygon/-/points-within-polygon-7.3.3.tgz#94829270fde6e26d95ca9c2075905154ca138450"
+  integrity sha512-shi4H7sO+yK+8y7IHyErSCl3QD9QTNIdaXD5uePt91LpheSWGm75Vgi12pOlY+LosM3Yip/Rd6AoRxzkM2NBAA==
   dependencies:
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/polygon-smooth@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/polygon-smooth/-/polygon-smooth-7.2.0.tgz#71f41b4faf93203b123ae61bdf1404f98d8a25cf"
-  integrity sha512-KCp9wF2IEynvGXVhySR8oQ2razKP0zwg99K+fuClP21pSKCFjAPaihPEYq6e8uI/1J7ibjL5++6EMl+LrUTrLg==
+"@turf/polygon-smooth@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/polygon-smooth/-/polygon-smooth-7.3.3.tgz#65d93feb20661857b0a863cb6cad0be56947c707"
+  integrity sha512-ejFe9fXRM5nUEhUbUwXMHhHfexU5uIsAQxXU9FVifJK28NMPD9ABpmmZOk+mxFkKKLgA5Ha0fWi15kkua4vf3w==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/polygon-tangents@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/polygon-tangents/-/polygon-tangents-7.2.0.tgz#07222a4cedd3bb7f23e5b3b9e7a51d7004a6f630"
-  integrity sha512-AHUUPmOjiQDrtP/ODXukHBlUG0C/9I1je7zz50OTfl2ZDOdEqFJQC3RyNELwq07grTXZvg5TS5wYx/Y7nsm47g==
-  dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/boolean-within" "^7.2.0"
-    "@turf/explode" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/nearest-point" "^7.2.0"
+"@turf/polygon-tangents@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/polygon-tangents/-/polygon-tangents-7.3.3.tgz#87b0cac2ec394fa212f35081ae5929fa09e66571"
+  integrity sha512-Agm+fnLH4YhOUPtnYGsoRweR1hZeo9H9m4jEYk64yy98lVRHeHwN2k+Mxes17IoQ9bfqk+1i57RISl4M4ySBgg==
+  dependencies:
+    "@turf/bbox" "7.3.3"
+    "@turf/boolean-within" "7.3.3"
+    "@turf/explode" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/nearest-point" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/polygon-to-line@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/polygon-to-line/-/polygon-to-line-7.2.0.tgz#f1d209606cbe404e29246135695c3fcaa1269fd5"
-  integrity sha512-9jeTN3LiJ933I5sd4K0kwkcivOYXXm1emk0dHorwXeSFSHF+nlYesEW3Hd889wb9lZd7/SVLMUeX/h39mX+vCA==
+"@turf/polygon-to-line@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/polygon-to-line/-/polygon-to-line-7.3.3.tgz#120e118f49c118e935990adf8e3e5dd43a2ff308"
+  integrity sha512-DK47Ne3hHgoukTKn5ZlHKk+XuxnED4ePTQHxDHJoPJHd2lVVZugur9GnGx82ZZBSV/aWLonOGQhrdL+bLux4lw==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/polygonize@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/polygonize/-/polygonize-7.2.0.tgz#2ebe6c08b15c9956bcf843efb3b86bc726e3c0e4"
-  integrity sha512-U9v+lBhUPDv+nsg/VcScdiqCB59afO6CHDGrwIl2+5i6Ve+/KQKjpTV/R+NqoC1iMXAEq3brY6HY8Ukp/pUWng==
-  dependencies:
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/envelope" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+"@turf/polygonize@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/polygonize/-/polygonize-7.3.3.tgz#72622fb1a74b6aa99e73a2af53884c135191c1d2"
+  integrity sha512-R4on0ywo4rF7xxCnO0rle3OpnUDFKWe/x9uo57R2l4o0v1MexgLV5uEGmJsK3ZN09nDEMlbZyaU2EMjA8yMa7w==
+  dependencies:
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/envelope" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/projection@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/projection/-/projection-7.2.0.tgz#fe4594bafbf44d5f1b696d4b7f8bdbc048f42b4e"
-  integrity sha512-/qke5vJScv8Mu7a+fU3RSChBRijE6EVuFHU3RYihMuYm04Vw8dBMIs0enEpoq0ke/IjSbleIrGQNZIMRX9EwZQ==
+"@turf/projection@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/projection/-/projection-7.3.3.tgz#35a09b43164d3dfa96fccdd1b6e1b0fad6eba52a"
+  integrity sha512-yFPO74m0n/z9kO472AzyBkl9yMrMQJnUsh4O/Qr3FkGX0hauCWvkSkMrDS4Ax0fD/WoNJBjl84AimMtNs75h4g==
   dependencies:
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/quadrat-analysis@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/quadrat-analysis/-/quadrat-analysis-7.2.0.tgz#c198915f43ae8c61e2209c8a56df8d3e03d2b46e"
-  integrity sha512-fDQh3+ldYNxUqS6QYlvJ7GZLlCeDZR6tD3ikdYtOsSemwW1n/4gm2xcgWJqy3Y0uszBwxc13IGGY7NGEjHA+0w==
-  dependencies:
-    "@turf/area" "^7.2.0"
-    "@turf/bbox" "^7.2.0"
-    "@turf/bbox-polygon" "^7.2.0"
-    "@turf/centroid" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/point-grid" "^7.2.0"
-    "@turf/random" "^7.2.0"
-    "@turf/square-grid" "^7.2.0"
+"@turf/quadrat-analysis@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/quadrat-analysis/-/quadrat-analysis-7.3.3.tgz#3f0c8f151d247d2f036dc2f45e35e248c4fbf77d"
+  integrity sha512-0HbClHHe2rmtWjQN54MrY1FIzeZnzS1nWtDwoiwP30/PC5d4nVNCgZalLrSpcLQp07Fk02PDdsERtj9ANiVGBQ==
+  dependencies:
+    "@turf/area" "7.3.3"
+    "@turf/bbox" "7.3.3"
+    "@turf/bbox-polygon" "7.3.3"
+    "@turf/centroid" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/point-grid" "7.3.3"
+    "@turf/random" "7.3.3"
+    "@turf/square-grid" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/random@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/random/-/random-7.2.0.tgz#cf09f53b9abba4919e318aac8563e3ddabf67eae"
-  integrity sha512-fNXs5mOeXsrirliw84S8UCNkpm4RMNbefPNsuCTfZEXhcr1MuHMzq4JWKb4FweMdN1Yx2l/xcytkO0s71cJ50w==
+"@turf/random@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/random/-/random-7.3.3.tgz#c75961066da348c8bd2f06cc955cb96a402b8ee5"
+  integrity sha512-11gqu8Fu1mACzcEAPrc9N8QFNeHfSOI21j80Tj4E1fa5qTgbveZ8nIKlIc5Y9XmWfNzSWwjABFejNs8E/OXcag==
   dependencies:
-    "@turf/helpers" "^7.2.0"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/rectangle-grid@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/rectangle-grid/-/rectangle-grid-7.2.0.tgz#38c5a864beeb9b8ec82323369cdca71dbb268c87"
-  integrity sha512-f0o5ifvy0Ml/nHDJzMNcuSk4h11aa3BfvQNnYQhLpuTQu03j/ICZNlzKTLxwjcUqvxADUifty7Z9CX5W6zky4A==
+"@turf/rectangle-grid@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/rectangle-grid/-/rectangle-grid-7.3.3.tgz#1d777d83a8afdb012f0ca745e0e56972add296e3"
+  integrity sha512-6o8dwH2VUpSyMtpudlLuQAncw/41ByAJUmOoUS/nTvD2hMpUh8dNG2oPwL8Fx512D69rXVurPnLotrh5wl1mcQ==
   dependencies:
-    "@turf/boolean-intersects" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
+    "@turf/boolean-intersects" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/rewind@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/rewind/-/rewind-7.2.0.tgz#c7f56d7298691799d0324672d24937009bf99fbe"
-  integrity sha512-SZpRAZiZsE22+HVz6pEID+ST25vOdpAMGk5NO1JeqzhpMALIkIGnkG+xnun2CfYHz7wv8/Z0ADiAvei9rkcQYA==
-  dependencies:
-    "@turf/boolean-clockwise" "^7.2.0"
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+"@turf/rewind@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/rewind/-/rewind-7.3.3.tgz#4701548b4efcfb5b99dcd3eaeec687feee12dcdd"
+  integrity sha512-7cUv9zBUDJmQMBVfJD3uwP8hNXEmpn1EgZVb+ZeW4Fa4+WGrjoDIxGx9O+DyH7KXcUqK/PiQn3NgRvPV8DEs1Q==
+  dependencies:
+    "@turf/boolean-clockwise" "7.3.3"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/rhumb-bearing@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/rhumb-bearing/-/rhumb-bearing-7.2.0.tgz#859caf61b0b757b68ed03636a8bbb5fbaf4615e3"
-  integrity sha512-jbdexlrR8X2ZauUciHx3tRwG+BXoMXke4B8p8/IgDlAfIrVdzAxSQN89FMzIKnjJ/kdLjo9bFGvb92bu31Etug==
+"@turf/rhumb-bearing@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/rhumb-bearing/-/rhumb-bearing-7.3.3.tgz#ede96ab0764bbd56161f4a3bf80177e746580c7d"
+  integrity sha512-Ips10N/uc6d66h2ZYAEf1Ppsf6In7BIzUQ9l3MoyKZh5lLyS1wpmNE79vRAdtTnL8NX95jKUZXaOczxsOql+PQ==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/rhumb-destination@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/rhumb-destination/-/rhumb-destination-7.2.0.tgz#807438a778e236e1855cbb068defa82e02f8a2ed"
-  integrity sha512-U9OLgLAHlH4Wfx3fBZf3jvnkDjdTcfRan5eI7VPV1+fQWkOteATpzkiRjCvSYK575GljVwWBjkKca8LziGWitQ==
+"@turf/rhumb-destination@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/rhumb-destination/-/rhumb-destination-7.3.3.tgz#8dac4e12d93563137c36612f9c6cd335b7e32766"
+  integrity sha512-NrdkQr8D5RqzDsg0/SfYE+ca9MThNlGQecUUaV/a6pxLYq7VM1hvLRvTSJ9fgdiwSaMR73lB3/VZxrhSGzkWKA==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/rhumb-distance@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/rhumb-distance/-/rhumb-distance-7.2.0.tgz#7da0dbecd559aadea3ad5b17181a7ce64fa33f58"
-  integrity sha512-NsijTPON1yOc9tirRPEQQuJ5aQi7pREsqchQquaYKbHNWsexZjcDi4wnw2kM3Si4XjmgynT+2f7aXH7FHarHzw==
+"@turf/rhumb-distance@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/rhumb-distance/-/rhumb-distance-7.3.3.tgz#8d420063dc00c7540354c571677e33878ea74d70"
+  integrity sha512-bOgp9ifVA0gt1H4OvkCqE+0+ZOSOBVJhpa3vT53aBJftKLq9iabmLEpRBDzrb+rnpT/BBYhLC8HgHFfzuwskjw==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/sample@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/sample/-/sample-7.2.0.tgz#b4c84c0934d1e736fb8e9d6b9308375882713a8d"
-  integrity sha512-f+ZbcbQJ9glQ/F26re8LadxO0ORafy298EJZe6XtbctRTJrNus6UNAsl8+GYXFqMnXM22tbTAznnJX3ZiWNorA==
+"@turf/sample@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/sample/-/sample-7.3.3.tgz#09bdeff30cf2c44bdb2064c377c11cfd36432be3"
+  integrity sha512-6nKybDtJEVo26JNHIWzdBKah3fzDiiVS5tsXt5tft0SXoS431cbx1eMtaUsjSuCanuOscMqo//0pkLm04PKOAA==
   dependencies:
-    "@turf/helpers" "^7.2.0"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/sector@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/sector/-/sector-7.2.0.tgz#27657006b8124e3046cccf04574df31f7c62bb8b"
-  integrity sha512-zL06MjbbMG4DdpiNz+Q9Ax8jsCekt3R76uxeWShulAGkyDB5smdBOUDoRwxn05UX7l4kKv4Ucq2imQXhxKFd1w==
-  dependencies:
-    "@turf/circle" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/line-arc" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+"@turf/sector@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/sector/-/sector-7.3.3.tgz#4ed49ffd3840e826c95a4f2918661a5a67b94bf8"
+  integrity sha512-rBOgHb3z3xWMvuBAR2Bg3/UbMaaIzvgmg92vUdpMLU+IjKELpbXzaguHFeH/xIIjPoQLtwrGKMVYg27UI3Kv4g==
+  dependencies:
+    "@turf/circle" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/line-arc" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/shortest-path@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/shortest-path/-/shortest-path-7.2.0.tgz#66ffd3120d33d2127c2a5f039646757eb214085f"
-  integrity sha512-6fpx8feZ2jMSaeRaFdqFShGWkNb+veUOeyLFSHA/aRD9n/e9F2pWZoRbQWKbKTpcKFJ2FnDEqCZnh/GrcAsqWA==
-  dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/bbox-polygon" "^7.2.0"
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/clean-coords" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/transform-scale" "^7.2.0"
+"@turf/shortest-path@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/shortest-path/-/shortest-path-7.3.3.tgz#1d71744d3dc84cc7a5b57fc9c5a33fa58a0336d4"
+  integrity sha512-md77Ork6TvHyxQnPSlUMFjmU8FZdxWUbZ6YnAMZDB8yYuNhIz/atc9oXY4dl+c9uiIjdCN0B4OVCmoedcS2WLw==
+  dependencies:
+    "@turf/bbox" "7.3.3"
+    "@turf/bbox-polygon" "7.3.3"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/clean-coords" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/transform-scale" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/simplify@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/simplify/-/simplify-7.2.0.tgz#e3aebb01f862b4692f01846ba8112cef349196f5"
-  integrity sha512-9YHIfSc8BXQfi5IvEMbCeQYqNch0UawIGwbboJaoV8rodhtk6kKV2wrpXdGqk/6Thg6/RWvChJFKVVTjVrULyQ==
+"@turf/simplify@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/simplify/-/simplify-7.3.3.tgz#b18285b5ae63aa55e207ea1d09da4e15d65988e7"
+  integrity sha512-skbIAkjOOCTthcSquUves5a+VkBTiqhPAsmTbCtQCypgP5fTrqsldeMD5nRuT7cmtSNS+OY9wbI1iJy65AYbrw==
   dependencies:
-    "@turf/clean-coords" "^7.2.0"
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/clean-coords" "7.3.3"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/square-grid@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/square-grid/-/square-grid-7.2.0.tgz#fa0564a99a5af6d5c17420bb8712c5a3ea40e10f"
-  integrity sha512-EmzGXa90hz+tiCOs9wX+Lak6pH0Vghb7QuX6KZej+pmWi3Yz7vdvQLmy/wuN048+wSkD5c8WUo/kTeNDe7GnmA==
+"@turf/square-grid@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/square-grid/-/square-grid-7.3.3.tgz#f99b30491b2408abffb1a53cd95cdc279a97837f"
+  integrity sha512-VItI5IAb2BsZNst2ujTVbA3OYT1XfGYVnjPBZfJq6InjyyMrvuDdotXHVC4mYJgtcuVblcs6oxNzhkQaDdnL9w==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/rectangle-grid" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/rectangle-grid" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/square@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/square/-/square-7.2.0.tgz#ff09545d7e053e6de945d2b4b73c7ec9f499a9af"
-  integrity sha512-9pMoAGFvqzCDOlO9IRSSBCGXKbl8EwMx6xRRBMKdZgpS0mZgfm9xiptMmx/t1m4qqHIlb/N+3MUF7iMBx6upcA==
+"@turf/square@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/square/-/square-7.3.3.tgz#6f6b02a82614449d8e4bc5dcba35b3c28cb52d65"
+  integrity sha512-lV1pX42jR3v3Pt7guL2qJKbNnKH0Q7cutrFE8UyWL08l5t8sUIGSjWuwjU0RfgF3cXcsMTEd9EgspsHvr1Rewg==
   dependencies:
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/standard-deviational-ellipse@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/standard-deviational-ellipse/-/standard-deviational-ellipse-7.2.0.tgz#6fd00349950113926104c94026e516ed5d8a986d"
-  integrity sha512-+uC0pR2nRjm90JvMXe/2xOCZsYV2II1ZZ2zmWcBWv6bcFXBspcxk2QfCC3k0bj6jDapELzoQgnn3cG5lbdQV2w==
-  dependencies:
-    "@turf/center-mean" "^7.2.0"
-    "@turf/ellipse" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/points-within-polygon" "^7.2.0"
+"@turf/standard-deviational-ellipse@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/standard-deviational-ellipse/-/standard-deviational-ellipse-7.3.3.tgz#afb7cbc59b6e3cc725d37bed7111ca9e1fe61eed"
+  integrity sha512-wUCjdvqv60a3dXzeSQcNUYW1/3944YPdASweUNzQjARSpvaWurxunyedB9r+flaOer2TqXw+vWgXtCX0kqi83A==
+  dependencies:
+    "@turf/center-mean" "7.3.3"
+    "@turf/ellipse" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/points-within-polygon" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/tag@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/tag/-/tag-7.2.0.tgz#3d72d8527fc169484351be19f44872b878683b70"
-  integrity sha512-TAFvsbp5TCBqXue8ui+CtcLsPZ6NPC88L8Ad6Hb/R6VAi21qe0U42WJHQYXzWmtThoTNwxi+oKSeFbRDsr0FIA==
+"@turf/tag@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/tag/-/tag-7.3.3.tgz#07307dfd3ed307ecc5d8c1d8f4c3c3b2ee3e9397"
+  integrity sha512-BmJDDXbRJkdk/IptrRgcfaGWwcf4Qboe2lXN6IhY3gu2jzHWGH/7hq37Z7YAA+KhKKNHTI94eYr0AKuOmhLgKw==
   dependencies:
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/tesselate@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/tesselate/-/tesselate-7.2.0.tgz#fbc945663fa1fcc56aba7b58563833461973e661"
-  integrity sha512-zHGcG85aOJJu1seCm+CYTJ3UempX4Xtyt669vFG6Hbr/Hc7ii6STQ2ysFr7lJwFtU9uyYhphVrrgwIqwglvI/Q==
+"@turf/tesselate@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/tesselate/-/tesselate-7.3.3.tgz#36a802dcb146ca7a64034dd233ae766ce9d05bab"
+  integrity sha512-N5vozeU+f66p9XHEKfxwbBCuaVcKDDbdB8ECwobs65b4iXqoyY8jM1ZfS15roS105gG+SwaXrw/XPi2XAgxwRg==
   dependencies:
-    "@turf/helpers" "^7.2.0"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     earcut "^2.2.4"
     tslib "^2.8.1"
 
-"@turf/tin@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/tin/-/tin-7.2.0.tgz#6704566e83a22bafdb033819a737603ae65b9491"
-  integrity sha512-y24Vt3oeE6ZXvyLJamP0Ke02rPlDGE9gF7OFADnR0mT+2uectb0UTIBC3kKzON80TEAlA3GXpKFkCW5Fo/O/Kg==
+"@turf/tin@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/tin/-/tin-7.3.3.tgz#0cedefadb1ad8173606957646dab32c9a9f18030"
+  integrity sha512-7Cel4wMbNvnIZGxT/6Z8+rFAR4QR5QDGYFE9pXqLPQj3zpEw4SW3pbDEEdNNtZFhtXmU/eYh+62pwbpfeaBL/g==
   dependencies:
-    "@turf/helpers" "^7.2.0"
+    "@turf/helpers" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/transform-rotate@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/transform-rotate/-/transform-rotate-7.2.0.tgz#578e67d2cb8a529774520d6e9ba97d4f05198c16"
-  integrity sha512-EMCj0Zqy3cF9d3mGRqDlYnX2ZBXe3LgT+piDR0EuF5c5sjuKErcFcaBIsn/lg1gp4xCNZFinkZ3dsFfgGHf6fw==
-  dependencies:
-    "@turf/centroid" "^7.2.0"
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/rhumb-bearing" "^7.2.0"
-    "@turf/rhumb-destination" "^7.2.0"
-    "@turf/rhumb-distance" "^7.2.0"
+"@turf/transform-rotate@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/transform-rotate/-/transform-rotate-7.3.3.tgz#9ebbf6d880d72044669cf57f8273b739b391bbd2"
+  integrity sha512-0aa/o1lg7xEChyeSvLrkIzHxZk9Dx38v9wFF2YMmp6oIPEQzdwIFlH9+H2trTbTaqzLgL6d41NAQbCRW7NsOeg==
+  dependencies:
+    "@turf/centroid" "7.3.3"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/rhumb-bearing" "7.3.3"
+    "@turf/rhumb-destination" "7.3.3"
+    "@turf/rhumb-distance" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/transform-scale@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/transform-scale/-/transform-scale-7.2.0.tgz#006e599973d18466eae7ada536de1270b8d706c9"
-  integrity sha512-HYB+pw938eeI8s1/zSWFy6hq+t38fuUaBb0jJsZB1K9zQ1WjEYpPvKF/0//80zNPlyxLv3cOkeBucso3hzI07A==
-  dependencies:
-    "@turf/bbox" "^7.2.0"
-    "@turf/center" "^7.2.0"
-    "@turf/centroid" "^7.2.0"
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/rhumb-bearing" "^7.2.0"
-    "@turf/rhumb-destination" "^7.2.0"
-    "@turf/rhumb-distance" "^7.2.0"
+"@turf/transform-scale@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/transform-scale/-/transform-scale-7.3.3.tgz#048f34f1946d0e8e9b7d437a3973f450a3ee5736"
+  integrity sha512-P8GrF5lZrqXiY1uEKaB0X5dnkR4hInD3lBYwFjA1YkIvG4FRYYM5lIs5/H2mS4LlOu4cMFgHFRygAzsSIPhHyw==
+  dependencies:
+    "@turf/bbox" "7.3.3"
+    "@turf/center" "7.3.3"
+    "@turf/centroid" "7.3.3"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/rhumb-bearing" "7.3.3"
+    "@turf/rhumb-destination" "7.3.3"
+    "@turf/rhumb-distance" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/transform-translate@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/transform-translate/-/transform-translate-7.2.0.tgz#1b3d1511905d3c8fcb49b581dcd8a4f59ca95fe2"
-  integrity sha512-zAglR8MKCqkzDTjGMIQgbg/f+Q3XcKVzr9cELw5l9CrS1a0VTSDtBZLDm0kWx0ankwtam7ZmI2jXyuQWT8Gbug==
-  dependencies:
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/rhumb-destination" "^7.2.0"
+"@turf/transform-translate@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/transform-translate/-/transform-translate-7.3.3.tgz#2afa972c62e0a9f3d703b928bdf661b50ade7a78"
+  integrity sha512-iROzUmoGTYcWR5sQbr5HyaTHWyWG+nYonwzfEB+mZUcfSuyfQ7hf4QJ3RJswcbJo1AqoIkClmzZRqdty+sBjtQ==
+  dependencies:
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/rhumb-destination" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/triangle-grid@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/triangle-grid/-/triangle-grid-7.2.0.tgz#d3cb24f4613a7431dce08ae0e0d7e4ea49a06979"
-  integrity sha512-4gcAqWKh9hg6PC5nNSb9VWyLgl821cwf9yR9yEzQhEFfwYL/pZONBWCO1cwVF23vSYMSMm+/TwqxH4emxaArfw==
+"@turf/triangle-grid@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/triangle-grid/-/triangle-grid-7.3.3.tgz#5d5f1109c8a056535c7c4fad33f7fe7853bb4558"
+  integrity sha512-x0BaixcOM9rcXbLO55ndfcdxJsxWtX6BNeD0ZAYNNmX5CQqqsFVEgoiNSiR9Oe7NeeLPF7tSIIaAfJml9rn97A==
   dependencies:
-    "@turf/distance" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/intersect" "^7.2.0"
+    "@turf/distance" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/intersect" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/truncate@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/truncate/-/truncate-7.2.0.tgz#26116ffd10016e33297fe437585debb13b4717bc"
-  integrity sha512-jyFzxYbPugK4XjV5V/k6Xr3taBjjvo210IbPHJXw0Zh7Y6sF+hGxeRVtSuZ9VP/6oRyqAOHKUrze+OOkPqBgUg==
+"@turf/truncate@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/truncate/-/truncate-7.3.3.tgz#956b639a12979ee643b2de2d690efe48de51ccce"
+  integrity sha512-p4jZMgxQWlIX8WcbjJiuxpAFwFxpXkp2jCEAWlz8hMaKEky0Kh1ZhIsE4WpUNxeFx7/QpJh9BiHbvaRKdETjIA==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
 "@turf/turf@^7.1.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/turf/-/turf-7.2.0.tgz#bb90669ad2f8b060ed7a44b96e1c9a4c1df14640"
-  integrity sha512-G1kKBu4hYgoNoRJgnpJohNuS7bLnoWHZ2G/4wUMym5xOSiYah6carzdTEsMoTsauyi7ilByWHx5UHwbjjCVcBw==
-  dependencies:
-    "@turf/along" "^7.2.0"
-    "@turf/angle" "^7.2.0"
-    "@turf/area" "^7.2.0"
-    "@turf/bbox" "^7.2.0"
-    "@turf/bbox-clip" "^7.2.0"
-    "@turf/bbox-polygon" "^7.2.0"
-    "@turf/bearing" "^7.2.0"
-    "@turf/bezier-spline" "^7.2.0"
-    "@turf/boolean-clockwise" "^7.2.0"
-    "@turf/boolean-concave" "^7.2.0"
-    "@turf/boolean-contains" "^7.2.0"
-    "@turf/boolean-crosses" "^7.2.0"
-    "@turf/boolean-disjoint" "^7.2.0"
-    "@turf/boolean-equal" "^7.2.0"
-    "@turf/boolean-intersects" "^7.2.0"
-    "@turf/boolean-overlap" "^7.2.0"
-    "@turf/boolean-parallel" "^7.2.0"
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/boolean-point-on-line" "^7.2.0"
-    "@turf/boolean-touches" "^7.2.0"
-    "@turf/boolean-valid" "^7.2.0"
-    "@turf/boolean-within" "^7.2.0"
-    "@turf/buffer" "^7.2.0"
-    "@turf/center" "^7.2.0"
-    "@turf/center-mean" "^7.2.0"
-    "@turf/center-median" "^7.2.0"
-    "@turf/center-of-mass" "^7.2.0"
-    "@turf/centroid" "^7.2.0"
-    "@turf/circle" "^7.2.0"
-    "@turf/clean-coords" "^7.2.0"
-    "@turf/clone" "^7.2.0"
-    "@turf/clusters" "^7.2.0"
-    "@turf/clusters-dbscan" "^7.2.0"
-    "@turf/clusters-kmeans" "^7.2.0"
-    "@turf/collect" "^7.2.0"
-    "@turf/combine" "^7.2.0"
-    "@turf/concave" "^7.2.0"
-    "@turf/convex" "^7.2.0"
-    "@turf/destination" "^7.2.0"
-    "@turf/difference" "^7.2.0"
-    "@turf/dissolve" "^7.2.0"
-    "@turf/distance" "^7.2.0"
-    "@turf/distance-weight" "^7.2.0"
-    "@turf/ellipse" "^7.2.0"
-    "@turf/envelope" "^7.2.0"
-    "@turf/explode" "^7.2.0"
-    "@turf/flatten" "^7.2.0"
-    "@turf/flip" "^7.2.0"
-    "@turf/geojson-rbush" "^7.2.0"
-    "@turf/great-circle" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/hex-grid" "^7.2.0"
-    "@turf/interpolate" "^7.2.0"
-    "@turf/intersect" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
-    "@turf/isobands" "^7.2.0"
-    "@turf/isolines" "^7.2.0"
-    "@turf/kinks" "^7.2.0"
-    "@turf/length" "^7.2.0"
-    "@turf/line-arc" "^7.2.0"
-    "@turf/line-chunk" "^7.2.0"
-    "@turf/line-intersect" "^7.2.0"
-    "@turf/line-offset" "^7.2.0"
-    "@turf/line-overlap" "^7.2.0"
-    "@turf/line-segment" "^7.2.0"
-    "@turf/line-slice" "^7.2.0"
-    "@turf/line-slice-along" "^7.2.0"
-    "@turf/line-split" "^7.2.0"
-    "@turf/line-to-polygon" "^7.2.0"
-    "@turf/mask" "^7.2.0"
-    "@turf/meta" "^7.2.0"
-    "@turf/midpoint" "^7.2.0"
-    "@turf/moran-index" "^7.2.0"
-    "@turf/nearest-neighbor-analysis" "^7.2.0"
-    "@turf/nearest-point" "^7.2.0"
-    "@turf/nearest-point-on-line" "^7.2.0"
-    "@turf/nearest-point-to-line" "^7.2.0"
-    "@turf/planepoint" "^7.2.0"
-    "@turf/point-grid" "^7.2.0"
-    "@turf/point-on-feature" "^7.2.0"
-    "@turf/point-to-line-distance" "^7.2.0"
-    "@turf/point-to-polygon-distance" "^7.2.0"
-    "@turf/points-within-polygon" "^7.2.0"
-    "@turf/polygon-smooth" "^7.2.0"
-    "@turf/polygon-tangents" "^7.2.0"
-    "@turf/polygon-to-line" "^7.2.0"
-    "@turf/polygonize" "^7.2.0"
-    "@turf/projection" "^7.2.0"
-    "@turf/quadrat-analysis" "^7.2.0"
-    "@turf/random" "^7.2.0"
-    "@turf/rectangle-grid" "^7.2.0"
-    "@turf/rewind" "^7.2.0"
-    "@turf/rhumb-bearing" "^7.2.0"
-    "@turf/rhumb-destination" "^7.2.0"
-    "@turf/rhumb-distance" "^7.2.0"
-    "@turf/sample" "^7.2.0"
-    "@turf/sector" "^7.2.0"
-    "@turf/shortest-path" "^7.2.0"
-    "@turf/simplify" "^7.2.0"
-    "@turf/square" "^7.2.0"
-    "@turf/square-grid" "^7.2.0"
-    "@turf/standard-deviational-ellipse" "^7.2.0"
-    "@turf/tag" "^7.2.0"
-    "@turf/tesselate" "^7.2.0"
-    "@turf/tin" "^7.2.0"
-    "@turf/transform-rotate" "^7.2.0"
-    "@turf/transform-scale" "^7.2.0"
-    "@turf/transform-translate" "^7.2.0"
-    "@turf/triangle-grid" "^7.2.0"
-    "@turf/truncate" "^7.2.0"
-    "@turf/union" "^7.2.0"
-    "@turf/unkink-polygon" "^7.2.0"
-    "@turf/voronoi" "^7.2.0"
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/turf/-/turf-7.3.3.tgz#ab2809237dcbeb77ce8ef32540a6384bbbc64fe3"
+  integrity sha512-H3UUrd5E6+6maR1vTcYO3vcd9kivVzhEhTXUfyjLLm9SaIoedcTIADNa/L/XnBVHOUxH3si7w5/HBQqR4ct5AA==
+  dependencies:
+    "@turf/along" "7.3.3"
+    "@turf/angle" "7.3.3"
+    "@turf/area" "7.3.3"
+    "@turf/bbox" "7.3.3"
+    "@turf/bbox-clip" "7.3.3"
+    "@turf/bbox-polygon" "7.3.3"
+    "@turf/bearing" "7.3.3"
+    "@turf/bezier-spline" "7.3.3"
+    "@turf/boolean-clockwise" "7.3.3"
+    "@turf/boolean-concave" "7.3.3"
+    "@turf/boolean-contains" "7.3.3"
+    "@turf/boolean-crosses" "7.3.3"
+    "@turf/boolean-disjoint" "7.3.3"
+    "@turf/boolean-equal" "7.3.3"
+    "@turf/boolean-intersects" "7.3.3"
+    "@turf/boolean-overlap" "7.3.3"
+    "@turf/boolean-parallel" "7.3.3"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/boolean-point-on-line" "7.3.3"
+    "@turf/boolean-touches" "7.3.3"
+    "@turf/boolean-valid" "7.3.3"
+    "@turf/boolean-within" "7.3.3"
+    "@turf/buffer" "7.3.3"
+    "@turf/center" "7.3.3"
+    "@turf/center-mean" "7.3.3"
+    "@turf/center-median" "7.3.3"
+    "@turf/center-of-mass" "7.3.3"
+    "@turf/centroid" "7.3.3"
+    "@turf/circle" "7.3.3"
+    "@turf/clean-coords" "7.3.3"
+    "@turf/clone" "7.3.3"
+    "@turf/clusters" "7.3.3"
+    "@turf/clusters-dbscan" "7.3.3"
+    "@turf/clusters-kmeans" "7.3.3"
+    "@turf/collect" "7.3.3"
+    "@turf/combine" "7.3.3"
+    "@turf/concave" "7.3.3"
+    "@turf/convex" "7.3.3"
+    "@turf/destination" "7.3.3"
+    "@turf/difference" "7.3.3"
+    "@turf/dissolve" "7.3.3"
+    "@turf/distance" "7.3.3"
+    "@turf/distance-weight" "7.3.3"
+    "@turf/ellipse" "7.3.3"
+    "@turf/envelope" "7.3.3"
+    "@turf/explode" "7.3.3"
+    "@turf/flatten" "7.3.3"
+    "@turf/flip" "7.3.3"
+    "@turf/geojson-rbush" "7.3.3"
+    "@turf/great-circle" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/hex-grid" "7.3.3"
+    "@turf/interpolate" "7.3.3"
+    "@turf/intersect" "7.3.3"
+    "@turf/invariant" "7.3.3"
+    "@turf/isobands" "7.3.3"
+    "@turf/isolines" "7.3.3"
+    "@turf/kinks" "7.3.3"
+    "@turf/length" "7.3.3"
+    "@turf/line-arc" "7.3.3"
+    "@turf/line-chunk" "7.3.3"
+    "@turf/line-intersect" "7.3.3"
+    "@turf/line-offset" "7.3.3"
+    "@turf/line-overlap" "7.3.3"
+    "@turf/line-segment" "7.3.3"
+    "@turf/line-slice" "7.3.3"
+    "@turf/line-slice-along" "7.3.3"
+    "@turf/line-split" "7.3.3"
+    "@turf/line-to-polygon" "7.3.3"
+    "@turf/mask" "7.3.3"
+    "@turf/meta" "7.3.3"
+    "@turf/midpoint" "7.3.3"
+    "@turf/moran-index" "7.3.3"
+    "@turf/nearest-neighbor-analysis" "7.3.3"
+    "@turf/nearest-point" "7.3.3"
+    "@turf/nearest-point-on-line" "7.3.3"
+    "@turf/nearest-point-to-line" "7.3.3"
+    "@turf/planepoint" "7.3.3"
+    "@turf/point-grid" "7.3.3"
+    "@turf/point-on-feature" "7.3.3"
+    "@turf/point-to-line-distance" "7.3.3"
+    "@turf/point-to-polygon-distance" "7.3.3"
+    "@turf/points-within-polygon" "7.3.3"
+    "@turf/polygon-smooth" "7.3.3"
+    "@turf/polygon-tangents" "7.3.3"
+    "@turf/polygon-to-line" "7.3.3"
+    "@turf/polygonize" "7.3.3"
+    "@turf/projection" "7.3.3"
+    "@turf/quadrat-analysis" "7.3.3"
+    "@turf/random" "7.3.3"
+    "@turf/rectangle-grid" "7.3.3"
+    "@turf/rewind" "7.3.3"
+    "@turf/rhumb-bearing" "7.3.3"
+    "@turf/rhumb-destination" "7.3.3"
+    "@turf/rhumb-distance" "7.3.3"
+    "@turf/sample" "7.3.3"
+    "@turf/sector" "7.3.3"
+    "@turf/shortest-path" "7.3.3"
+    "@turf/simplify" "7.3.3"
+    "@turf/square" "7.3.3"
+    "@turf/square-grid" "7.3.3"
+    "@turf/standard-deviational-ellipse" "7.3.3"
+    "@turf/tag" "7.3.3"
+    "@turf/tesselate" "7.3.3"
+    "@turf/tin" "7.3.3"
+    "@turf/transform-rotate" "7.3.3"
+    "@turf/transform-scale" "7.3.3"
+    "@turf/transform-translate" "7.3.3"
+    "@turf/triangle-grid" "7.3.3"
+    "@turf/truncate" "7.3.3"
+    "@turf/union" "7.3.3"
+    "@turf/unkink-polygon" "7.3.3"
+    "@turf/voronoi" "7.3.3"
     "@types/geojson" "^7946.0.10"
     tslib "^2.8.1"
 
-"@turf/union@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/union/-/union-7.2.0.tgz#f396ca5c8a66c424a0e2d0664280ef3d16974dac"
-  integrity sha512-Xex/cfKSmH0RZRWSJl4RLlhSmEALVewywiEXcu0aIxNbuZGTcpNoI0h4oLFrE/fUd0iBGFg/EGLXRL3zTfpg6g==
+"@turf/union@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/union/-/union-7.3.3.tgz#dd36b36eb0cead474791ac2770170fca08ead2c3"
+  integrity sha512-bEh7AxpkZepXOKe2KcjhFjVy671cf+3Mgq91DHDeINHtja7rQtSbJoyXbbasDGQEMcxiVQOn9VLWOCTIPmkSQA==
   dependencies:
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     polyclip-ts "^0.16.8"
     tslib "^2.8.1"
 
-"@turf/unkink-polygon@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/unkink-polygon/-/unkink-polygon-7.2.0.tgz#3b645b8aae77bbb134c074dcb435580248b2175e"
-  integrity sha512-dFPfzlIgkEr15z6oXVxTSWshWi51HeITGVFtl1GAKGMtiXJx1uMqnfRsvljqEjaQu/4AzG1QAp3b+EkSklQSiQ==
+"@turf/unkink-polygon@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/unkink-polygon/-/unkink-polygon-7.3.3.tgz#7f2ded03b98a37e6c6234b28a45182041512193f"
+  integrity sha512-FlTX/T5vat9zyV1xngLfnl5IryGFrSLmDsJswII7AU8DtZKe7URyD7AW5TWPUKDHCAJEoiP8lrDCQrZsoO9F8g==
   dependencies:
-    "@turf/area" "^7.2.0"
-    "@turf/boolean-point-in-polygon" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/meta" "^7.2.0"
+    "@turf/area" "7.3.3"
+    "@turf/boolean-point-in-polygon" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/meta" "7.3.3"
     "@types/geojson" "^7946.0.10"
     rbush "^3.0.1"
     tslib "^2.8.1"
 
-"@turf/voronoi@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@turf/voronoi/-/voronoi-7.2.0.tgz#677b562cc836fa1f4e62f9bf59673d373144203e"
-  integrity sha512-3K6N0LtJsWTXxPb/5N2qD9e8f4q8+tjTbGV3lE3v8x06iCnNlnuJnqM5NZNPpvgvCatecBkhClO3/3RndE61Fw==
+"@turf/voronoi@7.3.3":
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/@turf/voronoi/-/voronoi-7.3.3.tgz#6425d790cf125dba1de59454359bd727386cf393"
+  integrity sha512-eb3ryYjtUENKSfSmVzeCB7r2l4F6+T6NcYO1wtiGdVlm8H1ffqoGoOP8GexazwFDPXiNvA/6uEdAU0ib6nh/qw==
   dependencies:
-    "@turf/clone" "^7.2.0"
-    "@turf/helpers" "^7.2.0"
-    "@turf/invariant" "^7.2.0"
+    "@turf/clone" "7.3.3"
+    "@turf/helpers" "7.3.3"
+    "@turf/invariant" "7.3.3"
     "@types/d3-voronoi" "^1.1.12"
     "@types/geojson" "^7946.0.10"
     d3-voronoi "1.1.2"
@@ -3264,12 +3503,7 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
   integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
 
-"@types/estree@1.0.7":
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.7.tgz#4158d3105276773d5b7695cd4834b1722e4f37a8"
-  integrity sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==
-
-"@types/estree@^1.0.0":
+"@types/estree@1.0.8", "@types/estree@^1.0.0":
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
   integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
@@ -3291,15 +3525,22 @@
   resolved "https://registry.yarnpkg.com/@types/geojson/-/geojson-7946.0.16.tgz#8ebe53d69efada7044454e3305c19017d97ced2a"
   integrity sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==
 
+"@types/geokdbush@^1.1.5":
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/@types/geokdbush/-/geokdbush-1.1.5.tgz#d71e881e1f595002541843cbd39bbebf2fc993c5"
+  integrity sha512-jIsYnXY+RQ/YCyBqeEHxYN9mh+7PqKJUJUp84wLfZ7T2kqyVPNaXwZuvf1A2uQUkrvVqEbsG94ff8jH32AlLvA==
+  dependencies:
+    "@types/kdbush" "^1"
+
 "@types/hammerjs@^2.0.45":
   version "2.0.46"
   resolved "https://registry.yarnpkg.com/@types/hammerjs/-/hammerjs-2.0.46.tgz#381daaca1360ff8a7c8dff63f32e69745b9fb1e1"
   integrity sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw==
 
 "@types/http-cache-semantics@*":
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/@types/http-cache-semantics/-/http-cache-semantics-4.0.4.tgz#b979ebad3919799c979b17c72621c0bc0a31c6c4"
-  integrity sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/@types/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz#f6a7788f438cbfde15f29acad46512b4c01913b3"
+  integrity sha512-L3LgimLHXtGkWikKnsPg0/VFx9OGZaC+eN1u4r+OB1XRqH3meBIAVC2zr1WdMH+RHmnRkqliQAOHNJ/E0j/e0Q==
 
 "@types/istanbul-lib-coverage@^2.0.1":
   version "2.0.6"
@@ -3320,6 +3561,11 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
+"@types/kdbush@^1":
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/@types/kdbush/-/kdbush-1.0.7.tgz#5401ece18756d915bc5cc989a35c9e628d0acf04"
+  integrity sha512-QM5iB8m/0mnGOjUKshErIZQ0LseyTieRSYc3yaOpmrRM0xbWiOuJUWlduJx+TPNK7/VFMWphUGwx3nus7eT1Wg==
+
 "@types/keyv@^3.1.4":
   version "3.1.4"
   resolved "https://registry.yarnpkg.com/@types/keyv/-/keyv-3.1.4.tgz#3ccdb1c6751b0c7e52300bcdacd5bcbf8faa75b6"
@@ -3328,9 +3574,9 @@
     "@types/node" "*"
 
 "@types/leaflet@^1.9.0":
-  version "1.9.18"
-  resolved "https://registry.yarnpkg.com/@types/leaflet/-/leaflet-1.9.18.tgz#8c295912419a9df21917b4380310f66e19c46cab"
-  integrity sha512-ht2vsoPjezor5Pmzi5hdsA7F++v5UGq9OlUduWHmMZiuQGIpJ2WS5+Gg9HaAA79gNh1AIPtCqhzejcIZ3lPzXQ==
+  version "1.9.21"
+  resolved "https://registry.yarnpkg.com/@types/leaflet/-/leaflet-1.9.21.tgz#542e8f91250bc444f8a1416d472f5b518d83e979"
+  integrity sha512-TbAd9DaPGSnzp6QvtYngntMZgcRk+igFELwR2N99XZn7RXUdKgsXMR+28bUO0rPsWp8MIu/f47luLIQuSLYv/w==
   dependencies:
     "@types/geojson" "*"
 
@@ -3339,12 +3585,12 @@
   resolved "https://registry.yarnpkg.com/@types/ms/-/ms-2.1.0.tgz#052aa67a48eccc4309d7f0191b7e41434b90bb78"
   integrity sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==
 
-"@types/node@*":
-  version "24.0.3"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-24.0.3.tgz#f935910f3eece3a3a2f8be86b96ba833dc286cab"
-  integrity sha512-R4I/kzCYAdRLzfiCabn9hxWfbuHS573x+r0dJMkkzThEa7pbrcDWK+9zu3e7aBOouf+rQAciqPFMnxwr0aWgKg==
+"@types/node@*", "@types/node@>=13.7.0":
+  version "25.2.0"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-25.2.0.tgz#015b7d228470c1dcbfc17fe9c63039d216b4d782"
+  integrity sha512-DZ8VwRFUNzuqJ5khrvwMXHmvPe+zGayJhr2CDNiKB1WBE1ST8Djl00D0IC4vvNmHMdj6DlbYRIaFE7WHjlDl5w==
   dependencies:
-    undici-types "~7.8.0"
+    undici-types "~7.16.0"
 
 "@types/node@^17.0.29":
   version "17.0.45"
@@ -3352,9 +3598,9 @@
   integrity sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==
 
 "@types/node@^20.9.0":
-  version "20.19.4"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.19.4.tgz#c4b8ce51a0f675a354225c58980ccacfe0af5d74"
-  integrity sha512-OP+We5WV8Xnbuvw0zC2m4qfB/BJvjyCwtNjhHdJxV1639SGSKrLmJkc3fMnp2Qy8nJyHp8RO6umxELN/dS1/EA==
+  version "20.19.31"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.19.31.tgz#762ddf4088b3ac2389077cf1fb5336800a1fb4d5"
+  integrity sha512-5jsi0wpncvTD33Sh1UCgacK37FFwDn+EG7wCmEvs62fCvBL+n8/76cAYDok21NF6+jaVWIqKwCZyX7Vbu8eB3A==
   dependencies:
     undici-types "~6.21.0"
 
@@ -3384,16 +3630,16 @@
     "@types/node" "*"
 
 "@types/semver@^7.3.12", "@types/semver@^7.5.6":
-  version "7.7.0"
-  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.7.0.tgz#64c441bdae033b378b6eef7d0c3d77c329b9378e"
-  integrity sha512-k107IF4+Xr7UHjwDc7Cfd6PRQfbdkiRabXGRjo07b4WyPahFBZCZ1sE+BNxYIJPPg73UkfOsVOLwqVc/6ETrIA==
+  version "7.7.1"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.7.1.tgz#3ce3af1a5524ef327d2da9e4fd8b6d95c8d70528"
+  integrity sha512-FmgJfu+MOcQ370SD0ev7EI8TlCAfKYU+B4m5T3yXc1CiRN94g/SZPtsCkk506aUDtlMnFZvasDwHHUcZUEaYuA==
 
 "@types/tough-cookie@*":
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.5.tgz#cb6e2a691b70cb177c6e3ae9c1d2e8b2ea8cd304"
   integrity sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==
 
-"@types/trusted-types@^2.0.2":
+"@types/trusted-types@^2.0.2", "@types/trusted-types@^2.0.7":
   version "2.0.7"
   resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11"
   integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==
@@ -3553,49 +3799,49 @@
     "@volar/language-core" "2.2.5"
     path-browserify "^1.0.1"
 
-"@vue/compiler-core@3.5.16":
-  version "3.5.16"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.16.tgz#2f95f4f17c16c09c57bbf64399075b921506630b"
-  integrity sha512-AOQS2eaQOaaZQoL1u+2rCJIKDruNXVBZSiUD3chnUrsoX5ZTQMaCvXlWNIfxBJuU15r1o7+mpo5223KVtIhAgQ==
+"@vue/compiler-core@3.5.27":
+  version "3.5.27"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.27.tgz#ce4402428e26095586eb889c41f6e172eb3960bd"
+  integrity sha512-gnSBQjZA+//qDZen+6a2EdHqJ68Z7uybrMf3SPjEGgG4dicklwDVmMC1AeIHxtLVPT7sn6sH1KOO+tS6gwOUeQ==
   dependencies:
-    "@babel/parser" "^7.27.2"
-    "@vue/shared" "3.5.16"
-    entities "^4.5.0"
+    "@babel/parser" "^7.28.5"
+    "@vue/shared" "3.5.27"
+    entities "^7.0.0"
     estree-walker "^2.0.2"
     source-map-js "^1.2.1"
 
-"@vue/compiler-dom@3.5.16", "@vue/compiler-dom@^3.4.0":
-  version "3.5.16"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.16.tgz#151d8390252975c0b1a773029220fdfcfaa2d743"
-  integrity sha512-SSJIhBr/teipXiXjmWOVWLnxjNGo65Oj/8wTEQz0nqwQeP75jWZ0n4sF24Zxoht1cuJoWopwj0J0exYwCJ0dCQ==
+"@vue/compiler-dom@3.5.27", "@vue/compiler-dom@^3.4.0":
+  version "3.5.27"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.27.tgz#32b2bc87f0a652c253986796ace0ed6213093af8"
+  integrity sha512-oAFea8dZgCtVVVTEC7fv3T5CbZW9BxpFzGGxC79xakTr6ooeEqmRuvQydIiDAkglZEAd09LgVf1RoDnL54fu5w==
   dependencies:
-    "@vue/compiler-core" "3.5.16"
-    "@vue/shared" "3.5.16"
+    "@vue/compiler-core" "3.5.27"
+    "@vue/shared" "3.5.27"
 
-"@vue/compiler-sfc@3.5.16":
-  version "3.5.16"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.16.tgz#577f7fd42a46fac8357ffed46e8fb34d32698419"
-  integrity sha512-rQR6VSFNpiinDy/DVUE0vHoIDUF++6p910cgcZoaAUm3POxgNOOdS/xgoll3rNdKYTYPnnbARDCZOyZ+QSe6Pw==
+"@vue/compiler-sfc@3.5.27":
+  version "3.5.27"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.27.tgz#84651b8816bf8e7d6e62fddd14db86efd6d6f1b6"
+  integrity sha512-sHZu9QyDPeDmN/MRoshhggVOWE5WlGFStKFwu8G52swATgSny27hJRWteKDSUUzUH+wp+bmeNbhJnEAel/auUQ==
   dependencies:
-    "@babel/parser" "^7.27.2"
-    "@vue/compiler-core" "3.5.16"
-    "@vue/compiler-dom" "3.5.16"
-    "@vue/compiler-ssr" "3.5.16"
-    "@vue/shared" "3.5.16"
+    "@babel/parser" "^7.28.5"
+    "@vue/compiler-core" "3.5.27"
+    "@vue/compiler-dom" "3.5.27"
+    "@vue/compiler-ssr" "3.5.27"
+    "@vue/shared" "3.5.27"
     estree-walker "^2.0.2"
-    magic-string "^0.30.17"
-    postcss "^8.5.3"
+    magic-string "^0.30.21"
+    postcss "^8.5.6"
     source-map-js "^1.2.1"
 
-"@vue/compiler-ssr@3.5.16":
-  version "3.5.16"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.16.tgz#3b7874dff771ab2f85fb09be71f6c76a75fcc5ac"
-  integrity sha512-d2V7kfxbdsjrDSGlJE7my1ZzCXViEcqN6w14DOsDrUCHEA6vbnVCpRFfrc4ryCP/lCKzX2eS1YtnLE/BuC9f/A==
+"@vue/compiler-ssr@3.5.27":
+  version "3.5.27"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.27.tgz#b480cad09dacf8f3d9c82b9843402f1a803baee7"
+  integrity sha512-Sj7h+JHt512fV1cTxKlYhg7qxBvack+BGncSpH+8vnN+KN95iPIcqB5rsbblX40XorP+ilO7VIKlkuu3Xq2vjw==
   dependencies:
-    "@vue/compiler-dom" "3.5.16"
-    "@vue/shared" "3.5.16"
+    "@vue/compiler-dom" "3.5.27"
+    "@vue/shared" "3.5.27"
 
-"@vue/devtools-api@^6.6.3", "@vue/devtools-api@^6.6.4":
+"@vue/devtools-api@^6.5.0", "@vue/devtools-api@^6.6.3", "@vue/devtools-api@^6.6.4":
   version "6.6.4"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
   integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
@@ -3630,43 +3876,43 @@
     path-browserify "^1.0.1"
     vue-template-compiler "^2.7.14"
 
-"@vue/reactivity@3.5.16":
-  version "3.5.16"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.16.tgz#528c535a088b3c1b67f285f1f2211be79425b962"
-  integrity sha512-FG5Q5ee/kxhIm1p2bykPpPwqiUBV3kFySsHEQha5BJvjXdZTUfmya7wP7zC39dFuZAcf/PD5S4Lni55vGLMhvA==
+"@vue/reactivity@3.5.27":
+  version "3.5.27"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.27.tgz#d870557de1389a27b8abcb7cbfa30978dc69a000"
+  integrity sha512-vvorxn2KXfJ0nBEnj4GYshSgsyMNFnIQah/wczXlsNXt+ijhugmW+PpJ2cNPe4V6jpnBcs0MhCODKllWG+nvoQ==
   dependencies:
-    "@vue/shared" "3.5.16"
+    "@vue/shared" "3.5.27"
 
-"@vue/runtime-core@3.5.16":
-  version "3.5.16"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.16.tgz#0a828c322224ada26f81a2e227c3d4aebcb72c7a"
-  integrity sha512-bw5Ykq6+JFHYxrQa7Tjr+VSzw7Dj4ldR/udyBZbq73fCdJmyy5MPIFR9IX/M5Qs+TtTjuyUTCnmK3lWWwpAcFQ==
+"@vue/runtime-core@3.5.27":
+  version "3.5.27"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.27.tgz#bb43744ed070166c7d581b849ac22b71a9ccf127"
+  integrity sha512-fxVuX/fzgzeMPn/CLQecWeDIFNt3gQVhxM0rW02Tvp/YmZfXQgcTXlakq7IMutuZ/+Ogbn+K0oct9J3JZfyk3A==
   dependencies:
-    "@vue/reactivity" "3.5.16"
-    "@vue/shared" "3.5.16"
+    "@vue/reactivity" "3.5.27"
+    "@vue/shared" "3.5.27"
 
-"@vue/runtime-dom@3.5.16":
-  version "3.5.16"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.16.tgz#c1bcbcca862b77186f81c92edd5176e74670f078"
-  integrity sha512-T1qqYJsG2xMGhImRUV9y/RseB9d0eCYZQ4CWca9ztCuiPj/XWNNN+lkNBuzVbia5z4/cgxdL28NoQCvC0Xcfww==
+"@vue/runtime-dom@3.5.27":
+  version "3.5.27"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.27.tgz#392513252c7ca7e5277240fdc70b8093449127f5"
+  integrity sha512-/QnLslQgYqSJ5aUmb5F0z0caZPGHRB8LEAQ1s81vHFM5CBfnun63rxhvE/scVb/j3TbBuoZwkJyiLCkBluMpeg==
   dependencies:
-    "@vue/reactivity" "3.5.16"
-    "@vue/runtime-core" "3.5.16"
-    "@vue/shared" "3.5.16"
-    csstype "^3.1.3"
+    "@vue/reactivity" "3.5.27"
+    "@vue/runtime-core" "3.5.27"
+    "@vue/shared" "3.5.27"
+    csstype "^3.2.3"
 
-"@vue/server-renderer@3.5.16":
-  version "3.5.16"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.16.tgz#5a68cd1d423d843f74c9e6b37133850abab07c13"
-  integrity sha512-BrX0qLiv/WugguGsnQUJiYOE0Fe5mZTwi6b7X/ybGB0vfrPH9z0gD/Y6WOR1sGCgX4gc25L1RYS5eYQKDMoNIg==
+"@vue/server-renderer@3.5.27":
+  version "3.5.27"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.27.tgz#8137d0d7ec3b59d5992bb04c553775d209dddba7"
+  integrity sha512-qOz/5thjeP1vAFc4+BY3Nr6wxyLhpeQgAE/8dDtKo6a6xdk+L4W46HDZgNmLOBUDEkFXV3G7pRiUqxjX0/2zWA==
   dependencies:
-    "@vue/compiler-ssr" "3.5.16"
-    "@vue/shared" "3.5.16"
+    "@vue/compiler-ssr" "3.5.27"
+    "@vue/shared" "3.5.27"
 
-"@vue/shared@3.5.16", "@vue/shared@^3.4.0":
-  version "3.5.16"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.16.tgz#d5ea7671182742192938a4b4cbf86ef12bef7418"
-  integrity sha512-c/0fWy3Jw6Z8L9FmTyYfkpM5zklnqqa9+a6dz3DvONRKW2NEbh46BP0FHuLFSWi2TnQEtp91Z6zOWNrU6QiyPg==
+"@vue/shared@3.5.27", "@vue/shared@^3.4.0":
+  version "3.5.27"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.27.tgz#33a63143d8fb9ca1b3efbc7ecf9bd0ab05f7e06e"
+  integrity sha512-dXr/3CgqXsJkZ0n9F3I4elY8wM9jMJpP3pvRG52r6m0tu/MsAFIe6JpXVGeNMd/D9F4hQynWT8Rfuj0bdm9kFQ==
 
 "@vue/test-utils@^2.0.0-rc.20":
   version "2.4.6"
@@ -3749,14 +3995,14 @@
     vue-demi "*"
 
 "@xmldom/xmldom@^0.8.8":
-  version "0.8.10"
-  resolved "https://registry.yarnpkg.com/@xmldom/xmldom/-/xmldom-0.8.10.tgz#a1337ca426aa61cef9fe15b5b28e340a72f6fa99"
-  integrity sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==
+  version "0.8.11"
+  resolved "https://registry.yarnpkg.com/@xmldom/xmldom/-/xmldom-0.8.11.tgz#b79de2d67389734c57c52595f7a7305e30c2d608"
+  integrity sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==
 
 "@zip.js/zip.js@^2.7.34":
-  version "2.7.62"
-  resolved "https://registry.yarnpkg.com/@zip.js/zip.js/-/zip.js-2.7.62.tgz#6650f84c3a89d918215a936637214b09688656c8"
-  integrity sha512-OaLvZ8j4gCkLn048ypkZu29KX30r8/OfFF2w4Jo5WXFr+J04J+lzJ5TKZBVgFXhlvSkqNFQdfnY1Q8TMTCyBVA==
+  version "2.8.16"
+  resolved "https://registry.yarnpkg.com/@zip.js/zip.js/-/zip.js-2.8.16.tgz#2b84088c9637bc4df0dfceeda6d20c32477753c0"
+  integrity sha512-kCjaXh50GCf9afcof6ekjXPKR//rBVIxNHJLSUaM3VAET2F0+hymgrK1GpInRIIFUpt+wsnUfgx2+bbrmc+7Tw==
 
 abab@^2.0.5, abab@^2.0.6:
   version "2.0.6"
@@ -3796,7 +4042,7 @@ acorn@^7.1.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.14.0, acorn@^8.5.0, acorn@^8.9.0:
+acorn@^8.15.0, acorn@^8.5.0, acorn@^8.9.0:
   version "8.15.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.15.0.tgz#a360898bc415edaac46c8241f6383975b930b816"
   integrity sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==
@@ -3809,9 +4055,9 @@ agent-base@6, agent-base@^6.0.2:
     debug "4"
 
 agent-base@^7.1.0, agent-base@^7.1.2:
-  version "7.1.3"
-  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-7.1.3.tgz#29435eb821bc4194633a5b89e5bc4703bafc25a1"
-  integrity sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==
+  version "7.1.4"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-7.1.4.tgz#e3cd76d4c548ee895d3c3fd8dc1f6c5b9032e7a8"
+  integrity sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==
 
 agentkeepalive@^4.2.1:
   version "4.6.0"
@@ -3878,9 +4124,9 @@ ansi-styles@^5.0.0:
   integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
 
 ansi-styles@^6.1.0:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
-  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
+  version "6.2.3"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.3.tgz#c044d5dcc521a076413472597a1acb1f103c4041"
+  integrity sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==
 
 any-promise@^1.0.0:
   version "1.3.0"
@@ -3939,9 +4185,14 @@ app-builder-lib@25.1.8:
     temp-file "^3.4.0"
 
 "aproba@^1.0.3 || ^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/aproba/-/aproba-2.0.0.tgz#52520b8ae5b569215b354efc0caa3fe1e45a8adc"
-  integrity sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-2.1.0.tgz#75500a190313d95c64e871e7e4284c6ac219f0b1"
+  integrity sha512-tLIEcj5GuR2RSTnxNKdkK0dJ/GrC7P38sUkiDmDuHfsHmbagTFAxDVIBltoklXEVIQ/f14IL8IMJ5pn9Hez1Ew==
+
+arc@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/arc/-/arc-0.2.0.tgz#afce1bffa736c857c3b00acd274040e5303e9339"
+  integrity sha512-8NFOo126uYKQJyXNSLY/jSklgfLQL+XWAcPXGo876JwEQ8nSOPXWNI3TV2jLZMN8QEw8uksJ1ZwS4npjBca8MA==
 
 are-docs-informative@^0.0.2:
   version "0.0.2"
@@ -4017,7 +4268,7 @@ async-function@^1.0.0:
   resolved "https://registry.yarnpkg.com/async-function/-/async-function-1.0.0.tgz#509c9fca60eaf85034c6829838188e4e4c8ffb2b"
   integrity sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==
 
-async@^3.2.3:
+async@^3.2.6:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce"
   integrity sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==
@@ -4033,22 +4284,21 @@ at-least-node@^1.0.0:
   integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
 
 atomically@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/atomically/-/atomically-2.0.3.tgz#27e47bbe39994d324918491ba7c0edb7783e56cb"
-  integrity sha512-kU6FmrwZ3Lx7/7y3hPS5QnbJfaohcIul5fGqf7ok+4KklIEk9tJ0C2IQPdacSbVUWv6zVHXEBWoWd6NrVMT7Cw==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/atomically/-/atomically-2.1.0.tgz#5a3ce8ea5ab57b65df589a3b63ef7b753cc0af07"
+  integrity sha512-+gDffFXRW6sl/HCwbta7zK4uNqbPjv4YJEAdz7Vu+FLQHe77eZ4bvbJGi4hE0QPeJlMYMA3piXEr1UL3dAwx7Q==
   dependencies:
-    stubborn-fs "^1.2.5"
-    when-exit "^2.1.1"
+    stubborn-fs "^2.0.0"
+    when-exit "^2.1.4"
 
 autoprefixer@^10.4.13:
-  version "10.4.21"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.21.tgz#77189468e7a8ad1d9a37fbc08efc9f480cf0a95d"
-  integrity sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==
+  version "10.4.24"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.24.tgz#2c29595f3abd820a79976a609d0bf40eecf212fb"
+  integrity sha512-uHZg7N9ULTVbutaIsDRoUkoS8/h3bdsmVJYZ5l3wv8Cp/6UIIoRDm90hZ+BwxUj/hGBEzLxdHNSKuFpn8WOyZw==
   dependencies:
-    browserslist "^4.24.4"
-    caniuse-lite "^1.0.30001702"
-    fraction.js "^4.3.7"
-    normalize-range "^0.1.2"
+    browserslist "^4.28.1"
+    caniuse-lite "^1.0.30001766"
+    fraction.js "^5.3.4"
     picocolors "^1.1.1"
     postcss-value-parser "^4.2.0"
 
@@ -4059,29 +4309,29 @@ available-typed-arrays@^1.0.7:
   dependencies:
     possible-typed-array-names "^1.0.0"
 
-babel-plugin-polyfill-corejs2@^0.4.10:
-  version "0.4.13"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz#7d445f0e0607ebc8fb6b01d7e8fb02069b91dd8b"
-  integrity sha512-3sX/eOms8kd3q2KZ6DAhKPc0dgm525Gqq5NtWKZ7QYYZEv57OQ54KtblzJzH1lQF/eQxO8KjWGIK9IPUJNus5g==
+babel-plugin-polyfill-corejs2@^0.4.15:
+  version "0.4.15"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.15.tgz#808fa349686eea4741807cfaaa2aa3aa57ce120a"
+  integrity sha512-hR3GwrRwHUfYwGfrisXPIDP3JcYfBrW7wKE7+Au6wDYl7fm/ka1NEII6kORzxNU556JjfidZeBsO10kYvtV1aw==
   dependencies:
-    "@babel/compat-data" "^7.22.6"
-    "@babel/helper-define-polyfill-provider" "^0.6.4"
+    "@babel/compat-data" "^7.28.6"
+    "@babel/helper-define-polyfill-provider" "^0.6.6"
     semver "^6.3.1"
 
-babel-plugin-polyfill-corejs3@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz#4e4e182f1bb37c7ba62e2af81d8dd09df31344f6"
-  integrity sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==
+babel-plugin-polyfill-corejs3@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.14.0.tgz#65b06cda48d6e447e1e926681f5a247c6ae2b9cf"
+  integrity sha512-AvDcMxJ34W4Wgy4KBIIePQTAOP1Ie2WFwkQp3dB7FQ/f0lI5+nM96zUnYEOE1P9sEg0es5VCP0HxiWu5fUHZAQ==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.3"
-    core-js-compat "^3.40.0"
+    "@babel/helper-define-polyfill-provider" "^0.6.6"
+    core-js-compat "^3.48.0"
 
-babel-plugin-polyfill-regenerator@^0.6.1:
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.4.tgz#428c615d3c177292a22b4f93ed99e358d7906a9b"
-  integrity sha512-7gD3pRadPrbjhjLyxebmx/WrFYcuSjZ0XbdUujQMZ/fcE9oeewk2U/7PCvez84UeuK3oSjmPZ0Ch0dlupQvGzw==
+babel-plugin-polyfill-regenerator@^0.6.6:
+  version "0.6.6"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.6.tgz#69f5dd263cab933c42fe5ea05e83443b374bd4bf"
+  integrity sha512-hYm+XLYRMvupxiQzrvXUj7YyvFFVfv5gI0R71AJzudg1g2AI2vyCPPIFEBjk162/wFzti3inBHo7isWFuEVS/A==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.4"
+    "@babel/helper-define-polyfill-provider" "^0.6.6"
 
 balanced-match@^1.0.0:
   version "1.0.2"
@@ -4093,15 +4343,20 @@ base64-js@^1.3.1, base64-js@^1.5.1:
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
+baseline-browser-mapping@^2.9.0:
+  version "2.9.19"
+  resolved "https://registry.yarnpkg.com/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz#3e508c43c46d961eb4d7d2e5b8d1dd0f9ee4f488"
+  integrity sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==
+
 big.js@^5.2.2:
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
   integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
 
 bignumber.js@^9.1.0:
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/bignumber.js/-/bignumber.js-9.3.0.tgz#bdba7e2a4c1a2eba08290e8dcad4f36393c92acd"
-  integrity sha512-EM7aMFTXbptt/wZdMlBv2t8IViwQL+h6SLHosp8Yf0dqJMTnY6iL32opnAB6kAdL0SZPuvcAzFr31o0c/R3/RA==
+  version "9.3.1"
+  resolved "https://registry.yarnpkg.com/bignumber.js/-/bignumber.js-9.3.1.tgz#759c5aaddf2ffdc4f154f7b493e1c8770f88c4d7"
+  integrity sha512-Ko0uX15oIUS7wJ3Rb30Fs6SkVbLmPBAKdlm7q9+ak9bbIeFf0MwuBsQV6z7+X768/cHsfg+WlysDWJcmthjsjQ==
 
 binary-extensions@^2.0.0:
   version "2.3.0"
@@ -4171,15 +4426,16 @@ browser-process-hrtime@^1.0.0:
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browserslist@^4.24.0, browserslist@^4.24.4, browserslist@^4.25.0:
-  version "4.25.0"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.25.0.tgz#986aa9c6d87916885da2b50d8eb577ac8d133b2c"
-  integrity sha512-PJ8gYKeS5e/whHBh8xrwYK+dAvEj7JXtz6uTucnMRB8OiGTsKccFekoRrjajPBHV8oOY+2tI4uxeceSimKwMFA==
+browserslist@^4.24.0, browserslist@^4.28.1:
+  version "4.28.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.28.1.tgz#7f534594628c53c63101079e27e40de490456a95"
+  integrity sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==
   dependencies:
-    caniuse-lite "^1.0.30001718"
-    electron-to-chromium "^1.5.160"
-    node-releases "^2.0.19"
-    update-browserslist-db "^1.1.3"
+    baseline-browser-mapping "^2.9.0"
+    caniuse-lite "^1.0.30001759"
+    electron-to-chromium "^1.5.263"
+    node-releases "^2.0.27"
+    update-browserslist-db "^1.2.0"
 
 buffer-crc32@^1.0.0:
   version "1.0.0"
@@ -4212,10 +4468,10 @@ builder-util-runtime@9.2.10:
     debug "^4.3.4"
     sax "^1.2.4"
 
-builder-util-runtime@9.3.1:
-  version "9.3.1"
-  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-9.3.1.tgz#0daedde0f6d381f2a00a50a407b166fe7dca1a67"
-  integrity sha512-2/egrNDDnRaxVwK3A+cJq6UOlqOdedGA7JPqCeJjN2Zjk1/QB/6QUi3b714ScIGS7HafFXTyzJEOr5b44I3kvQ==
+builder-util-runtime@9.5.1:
+  version "9.5.1"
+  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-9.5.1.tgz#74125fb374d1ecbf472ae1787485485ff7619702"
+  integrity sha512-qt41tMfgHTllhResqM5DcnHyDIWNgzHvuY2jDcYP9iaGpkWxTUzV6GQjDeLnlR1/DtdlcsWQbA7sByMpmJFTLQ==
   dependencies:
     debug "^4.3.4"
     sax "^1.2.4"
@@ -4358,10 +4614,10 @@ camelcase@^9.0.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-9.0.0.tgz#451bbe18e34a2d2646bd62340c9278edd36db381"
   integrity sha512-TO9xmyXTZ9HUHI8M1OnvExxYB0eYVS/1e5s7IDMTAoIcwUd+aNcFODs6Xk83mobk0velyHFQgA1yIrvYc6wclw==
 
-caniuse-lite@^1.0.30001702, caniuse-lite@^1.0.30001718:
-  version "1.0.30001723"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001723.tgz#c4f3174f02089720736e1887eab345e09bb10944"
-  integrity sha512-1R/elMjtehrFejxwmexeXAtae5UO9iSyFn6G/I806CYC/BLyyBk1EPhrKBkWhy6wM6Xnm47dSJQec+tLJ39WHw==
+caniuse-lite@^1.0.30001759, caniuse-lite@^1.0.30001766:
+  version "1.0.30001767"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001767.tgz#0279c498e862efb067938bba0a0aabafe8d0b730"
+  integrity sha512-34+zUAMhSH+r+9eKmYG+k2Rpt8XttfE4yXAjoZvkAPs15xcYQhyBYdalJ65BzivAvGRMViEjy6oKr/S91loekQ==
 
 chai@^4.3.6:
   version "4.5.0"
@@ -4376,7 +4632,7 @@ chai@^4.3.6:
     pathval "^1.1.1"
     type-detect "^4.1.0"
 
-chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
+chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -4563,9 +4819,9 @@ compare-version@^0.1.2:
   integrity sha512-pJDh5/4wrEnXX/VWRZvruAGHkzKdr46z11OlTPN+VrATlWWhSKewNCJ1futCO5C7eJB3nPMFZA1LeYtcFboZ2A==
 
 complex.js@^2.2.5:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/complex.js/-/complex.js-2.4.2.tgz#76f260a9e7e232d8ad26348484a9b128c13fcc9a"
-  integrity sha512-qtx7HRhPGSCBtGiST4/WGHuW+zeaND/6Ld+db6PbrulIB1i2Ev/2UPiqcmpQNPSyfBKraC0EOvOKCB5dGZKt3g==
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/complex.js/-/complex.js-2.4.3.tgz#72ee9c303a9b89ebcfeca0d39f74927d38721fce"
+  integrity sha512-UrQVSUur14tNX6tiP4y8T4w4FeJAX3bi2cIv0pu/DTLFNxoq7z2Yh83Vfzztj6Px3X/lubqQ9IrPp7Bpn6p4MQ==
 
 computeds@^0.0.1:
   version "0.0.1"
@@ -4602,6 +4858,21 @@ conf@^14.0.0:
     semver "^7.7.2"
     uint8array-extras "^1.4.0"
 
+conf@^15.0.2:
+  version "15.0.2"
+  resolved "https://registry.yarnpkg.com/conf/-/conf-15.0.2.tgz#b983be81227a304b9f885fde6c86c7fe5902dc9d"
+  integrity sha512-JBSrutapCafTrddF9dH3lc7+T2tBycGF4uPkI4Js+g4vLLEhG6RZcFi3aJd5zntdf5tQxAejJt8dihkoQ/eSJw==
+  dependencies:
+    ajv "^8.17.1"
+    ajv-formats "^3.0.1"
+    atomically "^2.0.3"
+    debounce-fn "^6.0.0"
+    dot-prop "^10.0.0"
+    env-paths "^3.0.0"
+    json-schema-typed "^8.0.1"
+    semver "^7.7.2"
+    uint8array-extras "^1.5.0"
+
 config-chain@^1.1.13:
   version "1.1.13"
   resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.13.tgz#fad0795aa6a6cdaff9ed1b68e9dff94372c232f4"
@@ -4628,17 +4899,17 @@ convert-source-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
   integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
 
-core-js-compat@^3.40.0:
-  version "3.43.0"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.43.0.tgz#055587369c458795ef316f65e0aabb808fb15840"
-  integrity sha512-2GML2ZsCc5LR7hZYz4AXmjQw8zuy2T//2QntwdnpuYI7jteT6GVYJL7F6C2C57R7gSYrcqVW3lAALefdbhBLDA==
+core-js-compat@^3.48.0:
+  version "3.48.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.48.0.tgz#7efbe1fc1cbad44008190462217cc5558adaeaa6"
+  integrity sha512-OM4cAF3D6VtH/WkLtWvyNC56EZVXsZdU3iqaMG2B4WvYrlqU831pc4UtG5yp0sE9z8Y02wVN7PjW5Zf9Gt0f1Q==
   dependencies:
-    browserslist "^4.25.0"
+    browserslist "^4.28.1"
 
 core-js@^3.38.1:
-  version "3.43.0"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.43.0.tgz#f7258b156523208167df35dea0cfd6b6ecd4ee88"
-  integrity sha512-N6wEbTTZSYOY2rYAn85CuvWWkCK6QweMn7/4Nr3w+gDBeBhk/x4EJeY6FPo4QzDoJZxVTv8U7CMvgWk6pOHHqA==
+  version "3.48.0"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.48.0.tgz#1f813220a47bbf0e667e3885c36cd6f0593bf14d"
+  integrity sha512-zpEHTy1fjTMZCKLHUZoVeylt9XrzaIN2rbPXEt0k+q7JE5CkCZdo6bNq55bn24a69CH7ErAVLKijxJja4fw+UQ==
 
 core-util-is@1.0.2:
   version "1.0.2"
@@ -4696,10 +4967,10 @@ cssstyle@^2.3.0:
   dependencies:
     cssom "~0.3.6"
 
-csstype@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
-  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
+csstype@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.2.3.tgz#ec48c0f3e993e50648c86da559e2610995cf989a"
+  integrity sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==
 
 d3-array@1:
   version "1.2.4"
@@ -4773,10 +5044,10 @@ debounce-fn@^6.0.0:
   dependencies:
     mimic-function "^5.0.0"
 
-debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@^4.4.0:
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.1.tgz#e5a8bc6cbc4c6cd3e64308b0693a3d4fa550189b"
-  integrity sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==
+debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@^4.4.0, debug@^4.4.3:
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
+  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
   dependencies:
     ms "^2.1.3"
 
@@ -4795,9 +5066,9 @@ decache@^4.6.0:
     callsite "^1.0.0"
 
 decimal.js@^10.3.1, decimal.js@^10.4.3:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.5.0.tgz#0f371c7cf6c4898ce0afb09836db73cd82010f22"
-  integrity sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.6.0.tgz#e649a43e3ab953a72192ff5983865e509f37ed9a"
+  integrity sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==
 
 decompress-response@^6.0.0:
   version "6.0.0"
@@ -4863,15 +5134,10 @@ delegates@^1.0.0:
   resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
   integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
 
-detect-libc@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
-  integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==
-
-detect-libc@^2.0.1:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.4.tgz#f04715b8ba815e53b4d8109655b6508a6865a7e8"
-  integrity sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==
+detect-libc@^2.0.1, detect-libc@^2.0.3:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.1.2.tgz#689c5dcdc1900ef5583a4cb9f6d7b473742074ad"
+  integrity sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==
 
 detect-node@^2.0.4:
   version "2.1.0"
@@ -4950,6 +5216,20 @@ domexception@^4.0.0:
   dependencies:
     webidl-conversions "^7.0.0"
 
+dompurify@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.3.1.tgz#c7e1ddebfe3301eacd6c0c12a4af284936dbbb86"
+  integrity sha512-qkdCKzLNtrgPFP1Vo+98FRzJnBRGe4ffyCea9IwHB1fyxPOeNTHpLKYGd4Uk9xvNoH0ZoOjwZxNptyMwqrId1Q==
+  optionalDependencies:
+    "@types/trusted-types" "^2.0.7"
+
+dot-prop@^10.0.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-10.1.0.tgz#91dbeb6771a9d2c31eab11ade3fdb1d83c4376c4"
+  integrity sha512-MVUtAugQMOff5RnBy2d9N31iG0lNwg1qAoAOn7pOK5wf94WIaE3My2p3uwTQuvS2AcqchkcR3bHByjaM0mmi7Q==
+  dependencies:
+    type-fest "^5.0.0"
+
 dot-prop@^9.0.0:
   version "9.0.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-9.0.0.tgz#bae5982fe6dc6b8fddb92efef4f2ddff26779e92"
@@ -4965,9 +5245,9 @@ dotenv-expand@^11.0.6:
     dotenv "^16.4.5"
 
 dotenv@^16.4.5, dotenv@^16.5.0:
-  version "16.5.0"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.5.0.tgz#092b49f25f808f020050051d1ff258e404c78692"
-  integrity sha512-m/C+AwOAr9/W1UOIZUo232ejMNnJAJtYQjUbHoNTBNTJSvqzzDh7vnrei3o3r3m9blf6ZoDkvcw0VmozNRFJxg==
+  version "16.6.1"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.6.1.tgz#773f0e69527a8315c7285d5ee73c4459d20a8020"
+  integrity sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==
 
 dunder-proto@^1.0.0, dunder-proto@^1.0.1:
   version "1.0.1"
@@ -5027,9 +5307,9 @@ electron-builder@^25.1.8:
     yargs "^17.6.2"
 
 electron-log@^5.2.0:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/electron-log/-/electron-log-5.4.1.tgz#700ddc6ef4b06c13a983468580ba7a7e579129d4"
-  integrity sha512-QvisA18Z++8E3Th0zmhUelys9dEv7aIeXJlbFw3UrxCc8H9qSRW0j8/ooTef/EtHui8tVmbKSL+EIQzP9GoRLg==
+  version "5.4.3"
+  resolved "https://registry.yarnpkg.com/electron-log/-/electron-log-5.4.3.tgz#02a90baf4256950ca416095db6e5745268584d20"
+  integrity sha512-sOUsM3LjZdugatazSQ/XTyNcw8dfvH1SYhXWiJyfYodAAKOZdHs0txPiLDXFzOZbhXgAgshQkshH2ccq0feyLQ==
 
 electron-publish@25.1.7:
   version "25.1.7"
@@ -5044,7 +5324,15 @@ electron-publish@25.1.7:
     lazy-val "^1.0.5"
     mime "^2.5.2"
 
-electron-store@*, electron-store@^10.0.0:
+electron-store@*:
+  version "11.0.2"
+  resolved "https://registry.yarnpkg.com/electron-store/-/electron-store-11.0.2.tgz#00a182c8a8cfa3816240273bb9aa5732de6063b8"
+  integrity sha512-4VkNRdN+BImL2KcCi41WvAYbh6zLX5AUTi4so68yPqiItjbgTjqpEnGAqasgnG+lB6GuAyUltKwVopp6Uv+gwQ==
+  dependencies:
+    conf "^15.0.2"
+    type-fest "^5.0.1"
+
+electron-store@^10.0.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/electron-store/-/electron-store-10.1.0.tgz#a46d01e4a5aadcb56829f26ca03eb0faba41fe33"
   integrity sha512-oL8bRy7pVCLpwhmXy05Rh/L6O93+k9t6dqSw0+MckIc3OmCTZm6Mp04Q4f/J0rtu84Ky6ywkR8ivtGOmrq+16w==
@@ -5052,23 +5340,23 @@ electron-store@*, electron-store@^10.0.0:
     conf "^14.0.0"
     type-fest "^4.41.0"
 
-electron-to-chromium@^1.5.160:
-  version "1.5.168"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.168.tgz#ad2bad79e34ba3ba8d79ba809c1e0756685c3f4f"
-  integrity sha512-RUNQmFLNIWVW6+z32EJQ5+qx8ci6RGvdtDC0Ls+F89wz6I2AthpXF0w0DIrn2jpLX0/PU9ZCo+Qp7bg/EckJmA==
+electron-to-chromium@^1.5.263:
+  version "1.5.286"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.286.tgz#142be1ab5e1cd5044954db0e5898f60a4960384e"
+  integrity sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==
 
 electron-updater@^6.6.2:
-  version "6.6.2"
-  resolved "https://registry.yarnpkg.com/electron-updater/-/electron-updater-6.6.2.tgz#3e65e044f1a99b00d61e200e24de8e709c69ce99"
-  integrity sha512-Cr4GDOkbAUqRHP5/oeOmH/L2Bn6+FQPxVLZtPbcmKZC63a1F3uu5EefYOssgZXG3u/zBlubbJ5PJdITdMVggbw==
+  version "6.7.3"
+  resolved "https://registry.yarnpkg.com/electron-updater/-/electron-updater-6.7.3.tgz#c710b00cbce72f5fd2cc88f8c5f7535cae3097a3"
+  integrity sha512-EgkT8Z9noqXKbwc3u5FkJA+r48jwZ5DTUiOkJMOTEEH//n5Am6wfQGz7nvSFEA2oIAMv9jRzn5JKTyWeSKOPgg==
   dependencies:
-    builder-util-runtime "9.3.1"
+    builder-util-runtime "9.5.1"
     fs-extra "^10.1.0"
     js-yaml "^4.1.0"
     lazy-val "^1.0.5"
     lodash.escaperegexp "^4.1.2"
     lodash.isequal "^4.5.0"
-    semver "^7.6.3"
+    semver "~7.7.3"
     tiny-typed-emitter "^2.1.0"
 
 electron@^29.2.0:
@@ -5109,10 +5397,10 @@ end-of-stream@^1.1.0:
   dependencies:
     once "^1.4.0"
 
-entities@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
-  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+entities@^7.0.0:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-7.0.1.tgz#26e8a88889db63417dcb9a1e79a3f1bc92b5976b"
+  integrity sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==
 
 env-paths@^2.2.0:
   version "2.2.1"
@@ -5130,9 +5418,9 @@ err-code@^2.0.2:
   integrity sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==
 
 es-abstract@^1.23.5, es-abstract@^1.23.6, es-abstract@^1.23.9:
-  version "1.24.0"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.24.0.tgz#c44732d2beb0acc1ed60df840869e3106e7af328"
-  integrity sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==
+  version "1.24.1"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.24.1.tgz#f0c131ed5ea1bb2411134a8dd94def09c46c7899"
+  integrity sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==
   dependencies:
     array-buffer-byte-length "^1.0.2"
     arraybuffer.prototype.slice "^1.0.4"
@@ -5414,9 +5702,9 @@ escodegen@^2.0.0:
     source-map "~0.6.1"
 
 eslint-config-prettier@^8.3.0:
-  version "8.10.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz#3a06a662130807e2502fc3ff8b4143d8a0658e11"
-  integrity sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==
+  version "8.10.2"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.10.2.tgz#0642e53625ebc62c31c24726b0f050df6bd97a2e"
+  integrity sha512-/IGJ6+Dka158JnP5n5YFMOszjDWrXggGz1LaK/guZq9vZTmniaKlHcsscvkAhn9y4U+BU3JuUdYvtAMcv30y4A==
 
 eslint-plugin-jsdoc@^43.1.1:
   version "43.2.0"
@@ -5433,9 +5721,9 @@ eslint-plugin-jsdoc@^43.1.1:
     spdx-expression-parse "^3.0.1"
 
 eslint-plugin-prettier@^4.0.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz#651cbb88b1dab98bfd42f017a12fa6b2d993f94b"
-  integrity sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==
+  version "4.2.5"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.5.tgz#91ca3f2f01a84f1272cce04e9717550494c0fe06"
+  integrity sha512-9Ni+xgemM2IWLq6aXEpP2+V/V30GeA/46Ar629vcMqVPodFFWC9skHu/D1phvuqtS8bJCFnNf01/qcmqYEwNfg==
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
@@ -5548,9 +5836,9 @@ esprima@^4.0.1:
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
 esquery@^1.4.0, esquery@^1.4.2, esquery@^1.5.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
-  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.7.0.tgz#08d048f261f0ddedb5bae95f46809463d9c9496d"
+  integrity sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==
   dependencies:
     estraverse "^5.1.0"
 
@@ -5587,9 +5875,9 @@ esutils@^2.0.2:
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
 exponential-backoff@^3.1.1:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/exponential-backoff/-/exponential-backoff-3.1.2.tgz#a8f26adb96bf78e8cd8ad1037928d5e5c0679d91"
-  integrity sha512-8QxYTVXUkuy7fIIoitQkPwGonB8F3Zj8eEO8Sqg9Zv/bkI7RJAzowee4gr81Hak/dUTpA2Z7VfQgoijjPNlUZA==
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/exponential-backoff/-/exponential-backoff-3.1.3.tgz#51cf92c1c0493c766053f9d3abee4434c244d2f6"
+  integrity sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==
 
 extract-zip@^2.0.1:
   version "2.0.1"
@@ -5639,14 +5927,14 @@ fast-levenshtein@^2.0.6:
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
 fast-uri@^3.0.1:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.0.6.tgz#88f130b77cfaea2378d56bf970dea21257a68748"
-  integrity sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.1.0.tgz#66eecff6c764c0df9b762e62ca7edcfb53b4edfa"
+  integrity sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==
 
 fastq@^1.6.0:
-  version "1.19.1"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.19.1.tgz#d50eaba803c8846a883c16492821ebcd2cda55f5"
-  integrity sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==
+  version "1.20.1"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.20.1.tgz#ca750a10dc925bc8b18839fd203e3ef4b3ced675"
+  integrity sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==
   dependencies:
     reusify "^1.0.4"
 
@@ -5657,6 +5945,11 @@ fd-slicer@~1.1.0:
   dependencies:
     pend "~1.2.0"
 
+fdir@^6.5.0:
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.5.0.tgz#ed2ab967a331ade62f18d077dae192684d50d350"
+  integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
+
 fflate@^0.4.8:
   version "0.4.8"
   resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.4.8.tgz#f90b82aefbd8ac174213abb338bd7ef848f0f5ae"
@@ -5789,7 +6082,7 @@ foreground-child@^2.0.0:
     cross-spawn "^7.0.0"
     signal-exit "^3.0.2"
 
-foreground-child@^3.1.0:
+foreground-child@^3.1.0, foreground-child@^3.3.1:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.1.tgz#32e8e9ed1b68a3497befb9ac2b6adf92a638576f"
   integrity sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==
@@ -5798,9 +6091,9 @@ foreground-child@^3.1.0:
     signal-exit "^4.0.1"
 
 form-data@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.3.tgz#608b1b3f3e28be0fccf5901fc85fb3641e5cf0ae"
-  integrity sha512-qsITQPfmvMOSAdeyZ+12I1c+CKSstAFAwu+97zrnWAbIr5u8wfsExUzCesVLC8NgHuRUqNN4Zy6UPWUTRGslcA==
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.5.tgz#b49e48858045ff4cbf6b03e1805cebcad3679053"
+  integrity sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==
   dependencies:
     asynckit "^0.4.0"
     combined-stream "^1.0.8"
@@ -5813,6 +6106,11 @@ fraction.js@^4.3.7:
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
   integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
 
+fraction.js@^5.3.4:
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-5.3.4.tgz#8c0fcc6a9908262df4ed197427bdeef563e0699a"
+  integrity sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==
+
 fs-extra@^10.0.0, fs-extra@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
@@ -5823,9 +6121,9 @@ fs-extra@^10.0.0, fs-extra@^10.1.0:
     universalify "^2.0.0"
 
 fs-extra@^11.1.1:
-  version "11.3.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.3.0.tgz#0daced136bbaf65a555a326719af931adc7a314d"
-  integrity sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==
+  version "11.3.3"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.3.3.tgz#a27da23b72524e81ac6c3815cc0179b8c74c59ee"
+  integrity sha512-VWSRii4t0AFm6ixFFmLLx1t7wS1gh+ckoa84aOeapGum0h+EZd1EhEumSB+ZdDLnEPuucsVB9oB7cxJHap6Afg==
   dependencies:
     graceful-fs "^4.2.0"
     jsonfile "^6.0.1"
@@ -5908,6 +6206,11 @@ gauge@^4.0.3:
     strip-ansi "^6.0.1"
     wide-align "^1.1.5"
 
+generator-function@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/generator-function/-/generator-function-2.0.1.tgz#0e75dd410d1243687a0ba2e951b94eedb8f737a2"
+  integrity sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==
+
 gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
@@ -5921,12 +6224,19 @@ geojson-equality-ts@^1.0.2:
     "@types/geojson" "^7946.0.14"
 
 geojson-polygon-self-intersections@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/geojson-polygon-self-intersections/-/geojson-polygon-self-intersections-1.2.1.tgz#7018edabe58e9262f20821a7334953708c78bbb7"
-  integrity sha512-/QM1b5u2d172qQVO//9CGRa49jEmclKEsYOQmWP9ooEjj63tBM51m2805xsbxkzlEELQ2REgTf700gUhhlegxA==
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/geojson-polygon-self-intersections/-/geojson-polygon-self-intersections-1.2.2.tgz#22abfb6d267390450ec104d5941305e4ed604277"
+  integrity sha512-6XRNF4CsRHYmR9z5YuIk5f/aOototnDf0dgMqYGcS7y1l57ttt6MAIAxl3rXyas6lq1HEbTuLMh4PgvO+OV42w==
   dependencies:
     rbush "^2.0.1"
 
+geokdbush@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/geokdbush/-/geokdbush-2.0.1.tgz#85a4d65f89150f1ad5d8831e01c9b60f2f5a15a2"
+  integrity sha512-0M8so1Qx6+jJ1xpirpCNrgUsWAzIcQ3LrLmh0KJPBYI3gH7vy70nY5zEEjSp9Tn0nBt6Q2Fh922oL08lfib4Zg==
+  dependencies:
+    tinyqueue "^2.0.3"
+
 get-caller-file@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
@@ -5958,7 +6268,7 @@ get-own-enumerable-property-symbols@^3.0.0:
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
   integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
 
-get-proto@^1.0.0, get-proto@^1.0.1:
+get-proto@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
   integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
@@ -5996,10 +6306,10 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
-glob@^10.3.10, glob@^10.3.12, glob@^10.4.2:
-  version "10.4.5"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
-  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
+glob@^10.3.12, glob@^10.4.2:
+  version "10.5.0"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.5.0.tgz#8ec0355919cd3338c28428a23d4f24ecc5fe738c"
+  integrity sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==
   dependencies:
     foreground-child "^3.1.0"
     jackspeak "^3.1.2"
@@ -6008,6 +6318,18 @@ glob@^10.3.10, glob@^10.3.12, glob@^10.4.2:
     package-json-from-dist "^1.0.0"
     path-scurry "^1.11.1"
 
+glob@^11.0.1:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-11.1.0.tgz#4f826576e4eb99c7dad383793d2f9f08f67e50a6"
+  integrity sha512-vuNwKSaKiqm7g0THUBu2x7ckSs3XJLXE+2ssL7/MfTGPLLcrJQ/4Uq1CjPTtO5cCIiRxqvN6Twy1qOwhL0Xjcw==
+  dependencies:
+    foreground-child "^3.3.1"
+    jackspeak "^4.1.1"
+    minimatch "^10.1.1"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^2.0.0"
+
 glob@^7.0.0, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
@@ -6043,11 +6365,6 @@ global-agent@^3.0.0:
     semver "^7.3.2"
     serialize-error "^7.0.1"
 
-globals@^11.1.0:
-  version "11.12.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
-  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
-
 globals@^13.19.0:
   version "13.24.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
@@ -6108,9 +6425,9 @@ graphemer@^1.4.0:
   integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
 gsap@^3.11.3:
-  version "3.13.0"
-  resolved "https://registry.yarnpkg.com/gsap/-/gsap-3.13.0.tgz#597d4e019a2bb487785387d91296adebf92db9dd"
-  integrity sha512-QL7MJ2WMjm1PHWsoFrAQH/J8wUeqZvMtHO58qdekHpCfhvhSL4gSiz6vJf5EeMP0LOn3ZCprL2ki/gjED8ghVw==
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/gsap/-/gsap-3.14.2.tgz#6a9ea31e5046948e0be61eae006ae576ca5937d6"
+  integrity sha512-P8/mMxVLU7o4+55+1TCnQrPmgjPKnwkzkXOK1asnR9Jg2lna4tEY5qBJjMmAaOBDDZWtlRjBXjLa0w53G/uBLA==
 
 hammerjs@^2.0.8:
   version "2.0.8"
@@ -6166,9 +6483,9 @@ hasown@^2.0.2:
     function-bind "^1.1.2"
 
 haversine-distance@^1.2.1:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/haversine-distance/-/haversine-distance-1.2.3.tgz#8414ab56a9fb85ecd5733c420d31294779f0f284"
-  integrity sha512-cRKtuukt+/fVprlLueX30mytMNtiQ4tff93FDW9yrBx3BYrq6gujiw1+hEaaxssKlOZTm8R3BPtMbNM+n0+bqQ==
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/haversine-distance/-/haversine-distance-1.2.4.tgz#4b64f6703594d0ad84b4d73f7c1123df188c7d23"
+  integrity sha512-8MHQBQXR7GXZJIvitCf/ux+gwLtWOxmXNNz5dReG+jJbuvaEoj6QIXlaIO3cPr433BFWM4jececJaLYpwxnZhg==
 
 he@^1.2.0:
   version "1.2.0"
@@ -6262,11 +6579,16 @@ iconv-lite@0.6.3, iconv-lite@^0.6.2:
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
-idb@^7.0.1, idb@^7.1.1:
+idb@^7.0.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/idb/-/idb-7.1.1.tgz#d910ded866d32c7ced9befc5bfdf36f572ced72b"
   integrity sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==
 
+idb@^8.0.2:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/idb/-/idb-8.0.3.tgz#c91e558f15a8d53f1d7f53a094d226fc3ad71fd9"
+  integrity sha512-LtwtVyVYO5BqRvcsKuB2iUMnHwPVByPCXFXOpuU96IZPPoPN6xjOGxZQ74pgSVVLQWtUOYgyeL4GE98BY5D3wg==
+
 ieee754@^1.1.13:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
@@ -6283,9 +6605,9 @@ immediate@~3.0.5:
   integrity sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==
 
 immutable@^5.0.2:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-5.1.3.tgz#e6486694c8b76c37c063cca92399fa64098634d4"
-  integrity sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-5.1.4.tgz#e3f8c1fe7b567d56cf26698f31918c241dae8c1f"
+  integrity sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==
 
 import-fresh@^3.2.1:
   version "3.3.1"
@@ -6342,13 +6664,10 @@ interpret@^1.0.0:
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
   integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==
 
-ip-address@^9.0.5:
-  version "9.0.5"
-  resolved "https://registry.yarnpkg.com/ip-address/-/ip-address-9.0.5.tgz#117a960819b08780c3bd1f14ef3c1cc1d3f3ea5a"
-  integrity sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==
-  dependencies:
-    jsbn "1.1.0"
-    sprintf-js "^1.1.3"
+ip-address@^10.0.1:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/ip-address/-/ip-address-10.1.0.tgz#d8dcffb34d0e02eb241427444a6e23f5b0595aa4"
+  integrity sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==
 
 is-array-buffer@^3.0.4, is-array-buffer@^3.0.5:
   version "3.0.5"
@@ -6404,7 +6723,7 @@ is-ci@^3.0.0:
   dependencies:
     ci-info "^3.2.0"
 
-is-core-module@^2.16.0:
+is-core-module@^2.16.1:
   version "2.16.1"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
   integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
@@ -6446,12 +6765,13 @@ is-fullwidth-code-point@^3.0.0:
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
 is-generator-function@^1.0.10:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.1.0.tgz#bf3eeda931201394f57b5dba2800f91a238309ca"
-  integrity sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.1.2.tgz#ae3b61e3d5ea4e4839b90bad22b02335051a17d5"
+  integrity sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==
   dependencies:
-    call-bound "^1.0.3"
-    get-proto "^1.0.0"
+    call-bound "^1.0.4"
+    generator-function "^2.0.0"
+    get-proto "^1.0.1"
     has-tostringtag "^1.0.2"
     safe-regex-test "^1.1.0"
 
@@ -6607,9 +6927,9 @@ isbinaryfile@^4.0.8:
   integrity sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==
 
 isbinaryfile@^5.0.0:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-5.0.4.tgz#2a2edefa76cafa66613fe4c1ea52f7f031017bdf"
-  integrity sha512-YKBKVkKhty7s8rxddb40oOkuP0NbaeXrQvLin6QMHL7Ypiy2RW9LwOVrVgZRyOrhQlayMd9t+D8yDy8MKFTSDQ==
+  version "5.0.7"
+  resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-5.0.7.tgz#19a73f2281b7368dca9d3b3ac8a0434074670979"
+  integrity sha512-gnWD14Jh3FzS3CPhF0AxNOJ8CxqeblPTADzI38r0wt8ZyQl5edpy75myt08EG2oKvpyiqSqsx+Wkz9vtkbTqYQ==
 
 isexe@^2.0.0:
   version "2.0.0"
@@ -6631,9 +6951,9 @@ istanbul-lib-report@^3.0.0:
     supports-color "^7.1.0"
 
 istanbul-reports@^3.1.4:
-  version "3.1.7"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.7.tgz#daed12b9e1dca518e15c056e1e537e741280fa0b"
-  integrity sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.2.0.tgz#cb4535162b5784aa623cee21a7252cf2c807ac93"
+  integrity sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==
   dependencies:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
@@ -6647,15 +6967,21 @@ jackspeak@^3.1.2:
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
+jackspeak@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-4.1.1.tgz#96876030f450502047fc7e8c7fcf8ce8124e43ae"
+  integrity sha512-zptv57P3GpL+O0I7VdMJNBZCu+BPHVQUk55Ft8/QCJjTVxrnJHuVuX/0Bl2A6/+2oyR/ZMEuFKwmzqqZ/U5nPQ==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+
 jake@^10.8.5:
-  version "10.9.2"
-  resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.2.tgz#6ae487e6a69afec3a5e167628996b59f35ae2b7f"
-  integrity sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==
+  version "10.9.4"
+  resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.4.tgz#d626da108c63d5cfb00ab5c25fadc7e0084af8e6"
+  integrity sha512-wpHYzhxiVQL+IV05BLE2Xn34zW1S223hvjtqk0+gsPrwd/8JNLXJgZZM/iPFsYc1xyphF+6M6EvdE5E9MBGkDA==
   dependencies:
-    async "^3.2.3"
-    chalk "^4.0.2"
+    async "^3.2.6"
     filelist "^1.0.4"
-    minimatch "^3.1.2"
+    picocolors "^1.1.1"
 
 javascript-natural-sort@^0.7.1:
   version "0.7.1"
@@ -6677,7 +7003,7 @@ jest-get-type@^29.6.3:
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.6.3.tgz#36f499fdcea197c1045a127319c0481723908fd1"
   integrity sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==
 
-jiti@^1.21.6:
+jiti@^1.21.7:
   version "1.21.7"
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
   integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
@@ -6704,17 +7030,12 @@ js-tokens@^4.0.0:
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
 js-yaml@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
-  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.1.tgz#854c292467705b699476e1a2decc0c8a3458806b"
+  integrity sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==
   dependencies:
     argparse "^2.0.1"
 
-jsbn@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-1.1.0.tgz#b01307cb29b618a1ed26ec79e911f803c4da0040"
-  integrity sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==
-
 jsdoc-type-pratt-parser@~4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.0.0.tgz#136f0571a99c184d84ec84662c45c29ceff71114"
@@ -6753,16 +7074,11 @@ jsdom@^19.0.0:
     ws "^8.2.3"
     xml-name-validator "^4.0.0"
 
-jsesc@^3.0.2:
+jsesc@^3.0.2, jsesc@~3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
   integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
 
-jsesc@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.0.2.tgz#bb8b09a6597ba426425f2e4a07245c3d00b9343e"
-  integrity sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==
-
 json-buffer@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
@@ -6779,9 +7095,9 @@ json-schema-traverse@^1.0.0:
   integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
 
 json-schema-typed@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/json-schema-typed/-/json-schema-typed-8.0.1.tgz#826ee39e3b6cef536f85412ff048d3ff6f19dfa0"
-  integrity sha512-XQmWYj2Sm4kn4WeTYvmpKEbyPsL7nBsb647c7pMe6l02/yx2+Jfc4dT6UZkEXnIUb5LhD55r2HPsJ1milQ4rDg==
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/json-schema-typed/-/json-schema-typed-8.0.2.tgz#e98ee7b1899ff4a184534d1f167c288c66bbeff4"
+  integrity sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==
 
 json-schema@^0.4.0:
   version "0.4.0"
@@ -6811,9 +7127,9 @@ jsonfile@^4.0.0:
     graceful-fs "^4.1.6"
 
 jsonfile@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
-  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.2.0.tgz#7c265bd1b65de6977478300087c99f1c84383f62"
+  integrity sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==
   dependencies:
     universalify "^2.0.0"
   optionalDependencies:
@@ -6829,6 +7145,11 @@ jsts@2.7.1:
   resolved "https://registry.yarnpkg.com/jsts/-/jsts-2.7.1.tgz#a921c0cc9eefeef588bd53e952e0a7782d812d52"
   integrity sha512-x2wSZHEBK20CY+Wy+BPE7MrFQHW6sIsdaGUMEqmGAio+3gFzQaBYPwLRonUfQf9Ak8pBieqj9tUofX1+WtAEIg==
 
+kdbush@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/kdbush/-/kdbush-4.0.2.tgz#2f7b7246328b4657dd122b6c7f025fbc2c868e39"
+  integrity sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA==
+
 keyv@^4.0.0, keyv@^4.5.3:
   version "4.5.4"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
@@ -6842,9 +7163,9 @@ klona@^2.0.4:
   integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
 
 ky@^1.2.0:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/ky/-/ky-1.8.1.tgz#b1adaa473bc30aced2bab4c408ec177b78d198f0"
-  integrity sha512-7Bp3TpsE+L+TARSnnDpk3xg8Idi8RwSLdj6CMbNWoOARIrGrbuLGusV0dYwbZOm4bB3jHNxSw8Wk/ByDqJEnDw==
+  version "1.14.3"
+  resolved "https://registry.yarnpkg.com/ky/-/ky-1.14.3.tgz#d7fcc6ac93d1588accee72cc44dcc6cf84c0bdaa"
+  integrity sha512-9zy9lkjac+TR1c2tG+mkNSVlyOpInnWdSMiue4F+kq8TwJSgv6o8jhLRg8Ho6SnZ9wOYUq/yozts9qQCfk7bIw==
 
 lazy-val@^1.0.5:
   version "1.0.5"
@@ -6857,11 +7178,11 @@ leaflet-edgebuffer@^1.0.7:
   integrity sha512-ayapUPbKJPTCNr50xYtYGJRfXTLIqs60goyHxCV3XREMqV4Ima8R3GUCKU/UIxzLPc+Be8U6yuxKqkBFoHE0Rw==
 
 leaflet.offline@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/leaflet.offline/-/leaflet.offline-3.1.0.tgz#00c93dd461cee64e3f7c43113a11268dddbba809"
-  integrity sha512-dl3mzTEl1SnmzvJtJ0hVFLvlFX2wut/srvRAZ3A3g7Ee/RQkOo5zQ6tfVNhKe8N+adGXqcdEqEY9kgUxXCnEAw==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/leaflet.offline/-/leaflet.offline-3.2.0.tgz#eee3029f5496f1f8cea7d92f8420fbe554b6ee38"
+  integrity sha512-10b8uJSVK/PwOWo5CEnTA0BLxYaLKe6cHBS4M6+TONuWwhlH0mkpQmMDbQItZpPIkuh9TyPiaXDqoX9dJr/k/Q==
   dependencies:
-    idb "^7.1.1"
+    idb "^8.0.2"
     leaflet "^1.6.0"
 
 leaflet@1.9.3:
@@ -6894,7 +7215,7 @@ lie@3.1.1:
   dependencies:
     immediate "~3.0.5"
 
-lilconfig@^3.0.0, lilconfig@^3.1.3:
+lilconfig@^3.1.1, lilconfig@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4"
   integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
@@ -6940,9 +7261,9 @@ locate-path@^6.0.0:
     p-locate "^5.0.0"
 
 lodash-es@^4.17.21:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
-  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+  version "4.17.23"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.23.tgz#58c4360fd1b5d33afc6c0bbd3d1149349b1138e0"
+  integrity sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==
 
 lodash.debounce@^4.0.8:
   version "4.0.8"
@@ -6970,9 +7291,9 @@ lodash.sortby@^4.7.0:
   integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
 
 lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
-  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+  version "4.17.23"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.23.tgz#f113b0378386103be4f6893388c73d0bde7f2c5a"
+  integrity sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==
 
 log-symbols@^4.1.0:
   version "4.1.0"
@@ -6982,6 +7303,11 @@ log-symbols@^4.1.0:
     chalk "^4.1.0"
     is-unicode-supported "^0.1.0"
 
+long@^5.0.0:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/long/-/long-5.3.2.tgz#1d84463095999262d7d7b7f8bfd4a8cc55167f83"
+  integrity sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==
+
 loupe@^2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/loupe/-/loupe-2.3.7.tgz#6e69b7d4db7d3ab436328013d37d1c8c3540c697"
@@ -6999,6 +7325,11 @@ lru-cache@^10.2.0:
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
   integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
 
+lru-cache@^11.0.0:
+  version "11.2.5"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-11.2.5.tgz#6811ae01652ae5d749948cdd80bcc22218c6744f"
+  integrity sha512-vFrFJkWtJvJnD5hg+hJvVE8Lh/TcMzKnTgCWmtBipwI5yLX/iX+5UB2tfuyODF5E7k9xEzMdYgGqaSb1c0c5Yw==
+
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
@@ -7025,12 +7356,12 @@ magic-string@^0.25.0, magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
-magic-string@^0.30.17:
-  version "0.30.17"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453"
-  integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==
+magic-string@^0.30.21:
+  version "0.30.21"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.21.tgz#56763ec09a0fa8091df27879fd94d19078c00d91"
+  integrity sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==
   dependencies:
-    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/sourcemap-codec" "^1.5.5"
 
 make-dir@^3.0.2:
   version "3.1.0"
@@ -7073,11 +7404,6 @@ map-obj@6.0.0:
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-6.0.0.tgz#3deea853bc9e2d39b294b6bfecbf715a33367286"
   integrity sha512-PwDvwt/tK70+luLw5k9ySLtzLAzwf7tZTY9GBj63Y010nHRPjwHcQTpTd5JwQqITC2ty7prtxBo71iwyYY0TAg==
 
-marchingsquares@^1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/marchingsquares/-/marchingsquares-1.3.3.tgz#67404af4b883ade3a589221f4e9dd010a1f706fc"
-  integrity sha512-gz6nNQoVK7Lkh2pZulrT4qd4347S/toG9RXH2pyzhLgkL5mLkBoqgv4EvAGXcV0ikDW72n/OQb3Xe8bGagQZCg==
-
 matcher@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/matcher/-/matcher-3.0.0.tgz#bd9060f4c5b70aa8041ccc6f80368760994f30ca"
@@ -7114,7 +7440,7 @@ merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-micromatch@^4.0.5, micromatch@^4.0.8:
+micromatch@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
   integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
@@ -7171,10 +7497,10 @@ minimatch@9.0.1:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^10.0.0:
-  version "10.0.3"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-10.0.3.tgz#cf7a0314a16c4d9ab73a7730a0e8e3c3502d47aa"
-  integrity sha512-IPZ167aShDZZUMdRk66cyQAW3qr0WzbHkPdMYa8bzZhlHhO3jALbKdxcaak7W9FfT2rZNpQuUu4Od7ILEpXSaw==
+minimatch@^10.0.0, minimatch@^10.1.1:
+  version "10.1.1"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-10.1.1.tgz#e6e61b9b0c1dcab116b5a7d1458e8b6ae9e73a55"
+  integrity sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==
   dependencies:
     "@isaacs/brace-expansion" "^5.0.0"
 
@@ -7335,9 +7661,9 @@ neo-async@^2.6.2:
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
 node-abi@^3.45.0:
-  version "3.75.0"
-  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.75.0.tgz#2f929a91a90a0d02b325c43731314802357ed764"
-  integrity sha512-OhYaY5sDsIka7H7AtijtI9jwGYLyl29eQn/W623DiN/MIv5sUqc4g7BIDThX+gb7di9f6xK02nkp8sdfFWZLTg==
+  version "3.87.0"
+  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.87.0.tgz#423e28fea5c2f195fddd98acded9938c001ae6dd"
+  integrity sha512-+CGM1L1CgmtheLcBuleyYOn7NWPVu0s0EJH2C4puxgEZb9h8QpR9G2dBfZJOAUhi7VQxuBPMd0hiISWcTyiYyQ==
   dependencies:
     semver "^7.3.5"
 
@@ -7385,10 +7711,10 @@ node-gyp@^9.0.0:
     tar "^6.1.2"
     which "^2.0.2"
 
-node-releases@^2.0.19:
-  version "2.0.19"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
-  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
+node-releases@^2.0.27:
+  version "2.0.27"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.27.tgz#eedca519205cf20f650f61d56b070db111231e4e"
+  integrity sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==
 
 nopt@^6.0.0:
   version "6.0.0"
@@ -7409,11 +7735,6 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
-
 normalize-url@^6.0.1:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
@@ -7445,9 +7766,9 @@ null-loader@^4.0.1:
     schema-utils "^3.0.0"
 
 nwsapi@^2.2.0:
-  version "2.2.20"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.20.tgz#22e53253c61e7b0e7e93cef42c891154bcca11ef"
-  integrity sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==
+  version "2.2.23"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.23.tgz#59712c3a88e6de2bb0b6ccc1070397267019cf6c"
+  integrity sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==
 
 object-assign@^4.0.1:
   version "4.1.1"
@@ -7626,6 +7947,14 @@ path-scurry@^1.11.1:
     lru-cache "^10.2.0"
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
 
+path-scurry@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-2.0.1.tgz#4b6572376cfd8b811fca9cd1f5c24b3cbac0fe10"
+  integrity sha512-oWyT4gICAu+kaA7QWk/jvCHWarMKNs6pXOGWKDTr7cw4IGcUbW+PeTfbaQiLGheFRpjo6O9J0PmyMfQPjH71oA==
+  dependencies:
+    lru-cache "^11.0.0"
+    minipass "^7.1.2"
+
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
@@ -7656,10 +7985,10 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.3.1:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-picomatch@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.2.tgz#77c742931e8f3b8820946c76cd0c1f13730d1dab"
-  integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==
+picomatch@^4.0.2, picomatch@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.3.tgz#796c76136d1eead715db1e7bad785dedd695a042"
+  integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
 
 piexifjs@^1.0.6:
   version "1.0.6"
@@ -7735,19 +8064,18 @@ postcss-import@^15.1.0:
     resolve "^1.1.7"
 
 postcss-js@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
-  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.1.0.tgz#003b63c6edde948766e40f3daf7e997ae43a5ce6"
+  integrity sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==
   dependencies:
     camelcase-css "^2.0.1"
 
-postcss-load-config@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
-  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
+"postcss-load-config@^4.0.2 || ^5.0 || ^6.0":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-6.0.1.tgz#6fd7dcd8ae89badcf1b2d644489cbabf83aa8096"
+  integrity sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==
   dependencies:
-    lilconfig "^3.0.0"
-    yaml "^2.3.4"
+    lilconfig "^3.1.1"
 
 postcss-nested@^6.2.0:
   version "6.2.0"
@@ -7769,7 +8097,7 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.4.18, postcss@^8.4.21, postcss@^8.4.38, postcss@^8.4.47, postcss@^8.5.3:
+postcss@^8.4.18, postcss@^8.4.21, postcss@^8.4.38, postcss@^8.4.47, postcss@^8.5.6:
   version "8.5.6"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.6.tgz#2825006615a619b4f62a9e7426cc120b349a8f3c"
   integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
@@ -7779,19 +8107,28 @@ postcss@^8.4.18, postcss@^8.4.21, postcss@^8.4.38, postcss@^8.4.47, postcss@^8.5
     source-map-js "^1.2.1"
 
 posthog-js@^1.194.3:
-  version "1.253.4"
-  resolved "https://registry.yarnpkg.com/posthog-js/-/posthog-js-1.253.4.tgz#816705121dcd2a5dc303c5c63de131efed7e996a"
-  integrity sha512-TukecKZi7Rktb0L2Oq0s9DsXg2/PB/o6sSXgkPpx2oCQt4pzfG4Cco6s92EdOvwijP0cXCmLX7OXG1XJT5LONg==
-  dependencies:
+  version "1.337.0"
+  resolved "https://registry.yarnpkg.com/posthog-js/-/posthog-js-1.337.0.tgz#3806a34dc5dac5d719c3195a165d7e69187a9b9d"
+  integrity sha512-wtzPoMGlCAJGgfjOIjimFRj+8SH4Aojfhc2+s8HdL54ivdQGK24JvwQoz12bKssvDSpFiBPwX1xunkt0f7mpcg==
+  dependencies:
+    "@opentelemetry/api" "^1.9.0"
+    "@opentelemetry/api-logs" "^0.208.0"
+    "@opentelemetry/exporter-logs-otlp-http" "^0.208.0"
+    "@opentelemetry/resources" "^2.2.0"
+    "@opentelemetry/sdk-logs" "^0.208.0"
+    "@posthog/core" "1.18.0"
+    "@posthog/types" "1.337.0"
     core-js "^3.38.1"
+    dompurify "^3.3.1"
     fflate "^0.4.8"
-    preact "^10.19.3"
-    web-vitals "^4.2.4"
+    preact "^10.28.2"
+    query-selector-shadow-dom "^1.0.1"
+    web-vitals "^5.1.0"
 
-preact@^10.19.3:
-  version "10.26.9"
-  resolved "https://registry.yarnpkg.com/preact/-/preact-10.26.9.tgz#b3898d1b65140640799062ad73b89846c293b6a7"
-  integrity sha512-SSjF9vcnF27mJK1XyFMNJzFd5u3pQiATFqoaDy03XuN00u4ziveVVEGt5RKJrDR8MHE/wJo9Nnad56RLzS2RMA==
+preact@^10.28.2:
+  version "10.28.3"
+  resolved "https://registry.yarnpkg.com/preact/-/preact-10.28.3.tgz#3c2171526b3e29628ad1a6c56a9e3ca867bbdee8"
+  integrity sha512-tCmoRkPQLpBeWzpmbhryairGnhW9tKV6c6gr/w+RhoRoKEJwsjzipwp//1oCpGPOchvSLaAPlpcJi9MwMmoPyA==
 
 prelude-ls@^1.2.1:
   version "1.2.1"
@@ -7799,9 +8136,9 @@ prelude-ls@^1.2.1:
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
 prettier-linter-helpers@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
-  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.1.tgz#6a31f88a4bad6c7adda253de12ba4edaea80ebcd"
+  integrity sha512-SxToR7P8Y2lWmv/kTzVLC1t/GDI2WGjMwNhLLE9qtH8Q13C+aEmuRlzDst4Up4s0Wc8sF2M+J57iB3cMLqftfg==
   dependencies:
     fast-diff "^1.1.2"
 
@@ -7852,6 +8189,24 @@ proto-list@~1.2.1:
   resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
   integrity sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==
 
+protobufjs@^7.3.0:
+  version "7.5.4"
+  resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-7.5.4.tgz#885d31fe9c4b37f25d1bb600da30b1c5b37d286a"
+  integrity sha512-CvexbZtbov6jW2eXAvLukXjXUW1TzFaivC46BpWc/3BpcCysb5Vffu+B3XHMm8lVEuy2Mm4XGex8hBSg1yapPg==
+  dependencies:
+    "@protobufjs/aspromise" "^1.1.2"
+    "@protobufjs/base64" "^1.1.2"
+    "@protobufjs/codegen" "^2.0.4"
+    "@protobufjs/eventemitter" "^1.1.0"
+    "@protobufjs/fetch" "^1.1.0"
+    "@protobufjs/float" "^1.0.2"
+    "@protobufjs/inquire" "^1.1.0"
+    "@protobufjs/path" "^1.1.2"
+    "@protobufjs/pool" "^1.1.0"
+    "@protobufjs/utf8" "^1.1.0"
+    "@types/node" ">=13.7.0"
+    long "^5.0.0"
+
 psl@^1.1.33:
   version "1.15.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.15.0.tgz#bdace31896f1d97cec6a79e8224898ce93d974c6"
@@ -7872,6 +8227,11 @@ punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.1:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
+query-selector-shadow-dom@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/query-selector-shadow-dom/-/query-selector-shadow-dom-1.0.1.tgz#1c7b0058eff4881ac44f45d8f84ede32e9a2f349"
+  integrity sha512-lT5yCqEBgfoMYpf3F2xQRK7zEr1rhIIZuceDK6+xRkJQ4NMbHTwXqk4NkwDwQMNqXgG9r9fyHnzwNVs6zV5KRw==
+
 querystring@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.1.tgz#40d77615bb09d16902a85c3e38aa8b5ed761c2dd"
@@ -7989,10 +8349,10 @@ reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
     get-proto "^1.0.1"
     which-builtin-type "^1.2.1"
 
-regenerate-unicode-properties@^10.2.0:
-  version "10.2.0"
-  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz#626e39df8c372338ea9b8028d1f99dc3fd9c3db0"
-  integrity sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==
+regenerate-unicode-properties@^10.2.2:
+  version "10.2.2"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.2.tgz#aa113812ba899b630658c7623466be71e1f86f66"
+  integrity sha512-m03P+zhBeQd1RGnYxrGyDAPpWX/epKirLrp8e3qevZdVkKtnCrjjWczIbYc8+xd6vcTStVlqfycTx1KR4LOr0g==
   dependencies:
     regenerate "^1.4.2"
 
@@ -8013,29 +8373,29 @@ regexp.prototype.flags@^1.5.3, regexp.prototype.flags@^1.5.4:
     gopd "^1.2.0"
     set-function-name "^2.0.2"
 
-regexpu-core@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-6.2.0.tgz#0e5190d79e542bf294955dccabae04d3c7d53826"
-  integrity sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==
+regexpu-core@^6.3.1:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-6.4.0.tgz#3580ce0c4faedef599eccb146612436b62a176e5"
+  integrity sha512-0ghuzq67LI9bLXpOX/ISfve/Mq33a4aFRzoQYhnnok1JOFpmE/A2TBGkNVenOGEeSBCjIiWcc6MVOG5HEQv0sA==
   dependencies:
     regenerate "^1.4.2"
-    regenerate-unicode-properties "^10.2.0"
+    regenerate-unicode-properties "^10.2.2"
     regjsgen "^0.8.0"
-    regjsparser "^0.12.0"
+    regjsparser "^0.13.0"
     unicode-match-property-ecmascript "^2.0.0"
-    unicode-match-property-value-ecmascript "^2.1.0"
+    unicode-match-property-value-ecmascript "^2.2.1"
 
 regjsgen@^0.8.0:
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.8.0.tgz#df23ff26e0c5b300a6470cad160a9d090c3a37ab"
   integrity sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==
 
-regjsparser@^0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.12.0.tgz#0e846df6c6530586429377de56e0475583b088dc"
-  integrity sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==
+regjsparser@^0.13.0:
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.13.0.tgz#01f8351335cf7898d43686bc74d2dd71c847ecc0"
+  integrity sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==
   dependencies:
-    jsesc "~3.0.2"
+    jsesc "~3.1.0"
 
 require-directory@^2.1.1:
   version "2.1.1"
@@ -8069,12 +8429,12 @@ resolve-from@^4.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve@^1.1.6, resolve@^1.1.7, resolve@^1.14.2, resolve@^1.22.1, resolve@^1.22.8:
-  version "1.22.10"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
-  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
+resolve@^1.1.6, resolve@^1.1.7, resolve@^1.22.1, resolve@^1.22.11, resolve@^1.22.8:
+  version "1.22.11"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.11.tgz#aad857ce1ffb8bfa9b0b1ac29f1156383f68c262"
+  integrity sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==
   dependencies:
-    is-core-module "^2.16.0"
+    is-core-module "^2.16.1"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
@@ -8137,7 +8497,7 @@ robust-predicates@^3.0.2:
   resolved "https://registry.yarnpkg.com/robust-predicates/-/robust-predicates-3.0.2.tgz#d5b28528c4824d20fc48df1928d41d9efa1ad771"
   integrity sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==
 
-rollup@^2.43.1, rollup@^2.79.1:
+rollup@^2.79.1, rollup@^2.79.2:
   version "2.79.2"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.2.tgz#f150e4a5db4b121a21a747d762f701e5e9f49090"
   integrity sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==
@@ -8145,32 +8505,37 @@ rollup@^2.43.1, rollup@^2.79.1:
     fsevents "~2.3.2"
 
 rollup@^4.13.0:
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.43.0.tgz#275c09119eb7eaf0c3dea040523b81ef43c57b8c"
-  integrity sha512-wdN2Kd3Twh8MAEOEJZsuxuLKCsBEo4PVNLK6tQWAn10VhsVewQLzcucMgLolRlhFybGxfclbPeEYBaP6RvUFGg==
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.57.1.tgz#947f70baca32db2b9c594267fe9150aa316e5a88"
+  integrity sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==
   dependencies:
-    "@types/estree" "1.0.7"
+    "@types/estree" "1.0.8"
   optionalDependencies:
-    "@rollup/rollup-android-arm-eabi" "4.43.0"
-    "@rollup/rollup-android-arm64" "4.43.0"
-    "@rollup/rollup-darwin-arm64" "4.43.0"
-    "@rollup/rollup-darwin-x64" "4.43.0"
-    "@rollup/rollup-freebsd-arm64" "4.43.0"
-    "@rollup/rollup-freebsd-x64" "4.43.0"
-    "@rollup/rollup-linux-arm-gnueabihf" "4.43.0"
-    "@rollup/rollup-linux-arm-musleabihf" "4.43.0"
-    "@rollup/rollup-linux-arm64-gnu" "4.43.0"
-    "@rollup/rollup-linux-arm64-musl" "4.43.0"
-    "@rollup/rollup-linux-loongarch64-gnu" "4.43.0"
-    "@rollup/rollup-linux-powerpc64le-gnu" "4.43.0"
-    "@rollup/rollup-linux-riscv64-gnu" "4.43.0"
-    "@rollup/rollup-linux-riscv64-musl" "4.43.0"
-    "@rollup/rollup-linux-s390x-gnu" "4.43.0"
-    "@rollup/rollup-linux-x64-gnu" "4.43.0"
-    "@rollup/rollup-linux-x64-musl" "4.43.0"
-    "@rollup/rollup-win32-arm64-msvc" "4.43.0"
-    "@rollup/rollup-win32-ia32-msvc" "4.43.0"
-    "@rollup/rollup-win32-x64-msvc" "4.43.0"
+    "@rollup/rollup-android-arm-eabi" "4.57.1"
+    "@rollup/rollup-android-arm64" "4.57.1"
+    "@rollup/rollup-darwin-arm64" "4.57.1"
+    "@rollup/rollup-darwin-x64" "4.57.1"
+    "@rollup/rollup-freebsd-arm64" "4.57.1"
+    "@rollup/rollup-freebsd-x64" "4.57.1"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.57.1"
+    "@rollup/rollup-linux-arm-musleabihf" "4.57.1"
+    "@rollup/rollup-linux-arm64-gnu" "4.57.1"
+    "@rollup/rollup-linux-arm64-musl" "4.57.1"
+    "@rollup/rollup-linux-loong64-gnu" "4.57.1"
+    "@rollup/rollup-linux-loong64-musl" "4.57.1"
+    "@rollup/rollup-linux-ppc64-gnu" "4.57.1"
+    "@rollup/rollup-linux-ppc64-musl" "4.57.1"
+    "@rollup/rollup-linux-riscv64-gnu" "4.57.1"
+    "@rollup/rollup-linux-riscv64-musl" "4.57.1"
+    "@rollup/rollup-linux-s390x-gnu" "4.57.1"
+    "@rollup/rollup-linux-x64-gnu" "4.57.1"
+    "@rollup/rollup-linux-x64-musl" "4.57.1"
+    "@rollup/rollup-openbsd-x64" "4.57.1"
+    "@rollup/rollup-openharmony-arm64" "4.57.1"
+    "@rollup/rollup-win32-arm64-msvc" "4.57.1"
+    "@rollup/rollup-win32-ia32-msvc" "4.57.1"
+    "@rollup/rollup-win32-x64-gnu" "4.57.1"
+    "@rollup/rollup-win32-x64-msvc" "4.57.1"
     fsevents "~2.3.2"
 
 run-parallel@^1.1.9:
@@ -8237,9 +8602,9 @@ sass-loader@^10.0.0:
     semver "^7.3.2"
 
 sass@^1.38.0:
-  version "1.89.2"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.89.2.tgz#a771716aeae774e2b529f72c0ff2dfd46c9de10e"
-  integrity sha512-xCmtksBKd/jdJ9Bt9p7nPKiuqrlBMBuuGkQlkhZjjQk3Ty48lv93k5Dq6OPkKt4XwxDJ7tvlfrTa1MPA9bf+QA==
+  version "1.97.3"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.97.3.tgz#9cb59339514fa7e2aec592b9700953ac6e331ab2"
+  integrity sha512-fDz1zJpd5GycprAbu4Q2PV/RprsRtKC/0z82z0JLgdytmcq0+ujJbJ/09bPGDxCLkKY3Np5cRAOcWiVkLXJURg==
   dependencies:
     chokidar "^4.0.0"
     immutable "^5.0.2"
@@ -8248,9 +8613,9 @@ sass@^1.38.0:
     "@parcel/watcher" "^2.4.1"
 
 sax@^1.2.4:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.4.1.tgz#44cc8988377f126304d3b3fc1010c733b929ef0f"
-  integrity sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.4.4.tgz#f29c2bba80ce5b86f4343b4c2be9f2b96627cf8b"
+  integrity sha512-1n3r/tGXO6b6VXMdFT54SHzT9ytu9yr7TaELowdYpMqY/Ao7EnlQGmAQ1+RatX7Tkkdm6hONI2owqNx2aZj5Sw==
 
 saxes@^5.0.1:
   version "5.0.1"
@@ -8288,10 +8653,10 @@ semver@^6.0.0, semver@^6.2.0, semver@^6.3.1:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.1.2, semver@^7.3.2, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.0, semver@^7.5.3, semver@^7.5.4, semver@^7.6.3, semver@^7.7.2:
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
-  integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
+semver@^7.1.2, semver@^7.3.2, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.0, semver@^7.5.3, semver@^7.5.4, semver@^7.7.2, semver@~7.7.3:
+  version "7.7.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.3.tgz#4b5f4143d007633a8dc671cd0a6ef9147b8bb946"
+  integrity sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==
 
 serialize-error@^7.0.1:
   version "7.0.1"
@@ -8485,14 +8850,14 @@ socks-proxy-agent@^7.0.0:
     socks "^2.6.2"
 
 socks@^2.6.2:
-  version "2.8.5"
-  resolved "https://registry.yarnpkg.com/socks/-/socks-2.8.5.tgz#bfe18f5ead1efc93f5ec90c79fa8bdccbcee2e64"
-  integrity sha512-iF+tNDQla22geJdTyJB1wM/qrX9DMRwWrciEPwWLPRWAUEM8sQiyxgckLxWT1f7+9VabJS0jTGGr4QgBuvi6Ww==
+  version "2.8.7"
+  resolved "https://registry.yarnpkg.com/socks/-/socks-2.8.7.tgz#e2fb1d9a603add75050a2067db8c381a0b5669ea"
+  integrity sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==
   dependencies:
-    ip-address "^9.0.5"
+    ip-address "^10.0.1"
     smart-buffer "^4.2.0"
 
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.2.1:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2, source-map-js@^1.2.1:
   version "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==
@@ -8536,16 +8901,16 @@ spdx-expression-parse@^3.0.1:
     spdx-license-ids "^3.0.0"
 
 spdx-license-ids@^3.0.0:
-  version "3.0.21"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.21.tgz#6d6e980c9df2b6fc905343a3b2d702a6239536c3"
-  integrity sha512-Bvg/8F5XephndSK3JffaRqdT+gyhfqIPwDHpX80tJrF8QQRYMo8sNMeaZ2Dp5+jhwKnUmIOyFFQfHRkjJm5nXg==
+  version "3.0.22"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.22.tgz#abf5a08a6f5d7279559b669f47f0a43e8f3464ef"
+  integrity sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==
 
 splaytree-ts@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/splaytree-ts/-/splaytree-ts-1.0.2.tgz#34963704587aff45eaa09c24713f552bbf56e8f0"
   integrity sha512-0kGecIZNIReCSiznK3uheYB8sbstLjCZLiwcQwbmLhgHJj2gz6OnSPkVzJQCMnmEz1BQ4gPK59ylhBoEWOhGNA==
 
-sprintf-js@^1.1.2, sprintf-js@^1.1.3:
+sprintf-js@^1.1.2:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.3.tgz#4914b903a2f8b685d17fdf78a70e917e872e444a"
   integrity sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==
@@ -8688,22 +9053,29 @@ strip-json-comments@^3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
-stubborn-fs@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/stubborn-fs/-/stubborn-fs-1.2.5.tgz#e5e244223166921ddf66ed5e062b6b3bf285bfd2"
-  integrity sha512-H2N9c26eXjzL/S/K+i/RHHcFanE74dptvvjM8iwzwbVcWY/zjBbgRqF3K0DY4+OD+uTTASTBvDoxPDaPN02D7g==
+stubborn-fs@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/stubborn-fs/-/stubborn-fs-2.0.0.tgz#628750f81c51c44c04ef50fc70ed4d1caea4f1e9"
+  integrity sha512-Y0AvSwDw8y+nlSNFXMm2g6L51rBGdAQT20J3YSOqxC53Lo3bjWRtr2BKcfYoAf352WYpsZSTURrA0tqhfgudPA==
+  dependencies:
+    stubborn-utils "^1.0.1"
+
+stubborn-utils@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/stubborn-utils/-/stubborn-utils-1.0.2.tgz#0d9c58ab550f40936235056c7ea6febd925c4d41"
+  integrity sha512-zOh9jPYI+xrNOyisSelgym4tolKTJCQd5GBhK0+0xJvcYDcwlOoxF/rnFKQ2KRZknXSG9jWAp66fwP6AxN9STg==
 
 sucrase@^3.35.0:
-  version "3.35.0"
-  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
-  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
+  version "3.35.1"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.1.tgz#4619ea50393fe8bd0ae5071c26abd9b2e346bfe1"
+  integrity sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==
   dependencies:
     "@jridgewell/gen-mapping" "^0.3.2"
     commander "^4.0.0"
-    glob "^10.3.10"
     lines-and-columns "^1.1.6"
     mz "^2.7.0"
     pirates "^4.0.1"
+    tinyglobby "^0.2.11"
     ts-interface-checker "^0.1.9"
 
 sumchecker@^3.0.1:
@@ -8733,9 +9105,9 @@ sweepline-intersections@^1.5.0:
     tinyqueue "^2.0.0"
 
 sweetalert2@^11.7.1:
-  version "11.22.0"
-  resolved "https://registry.yarnpkg.com/sweetalert2/-/sweetalert2-11.22.0.tgz#da67f7e7e635d0392548a4e3dd1f56979d4a3698"
-  integrity sha512-pSMuRGDULhh+wrFkO22O0YsIXxs8yFE0O+WVYXcqc/sTa1oRnf0JlR+vfQIRY1QM1UeFfnCjyw6DYnG75/oxiQ==
+  version "11.26.18"
+  resolved "https://registry.yarnpkg.com/sweetalert2/-/sweetalert2-11.26.18.tgz#86077ab19cd55f36d709e01a9b72ac4aef4c778e"
+  integrity sha512-3O5feBqV+hTIOwCRKGuZGHosjiuBAKP/vpBl6vKFZeVYfCUGdXqXuuidn6YXHan3f6e62UdmnjwJBt8UtDVBhg==
 
 symbol-tree@^3.2.4:
   version "3.2.4"
@@ -8763,9 +9135,9 @@ tailwind-scrollbar-hide@^1.1.7:
   integrity sha512-eUAvPTltKnAGHbCBRpOk5S7+UZTkFZgDKmZLZ6jZXXs4V7mRXvwshBjeMwrv3vmiWqm3IGEDFVKzUSm1JuoXKw==
 
 tailwindcss@^3, tailwindcss@^3.2.6:
-  version "3.4.17"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.17.tgz#ae8406c0f96696a631c790768ff319d46d5e5a63"
-  integrity sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==
+  version "3.4.19"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.19.tgz#af2a0a4ae302d52ebe078b6775e799e132500ee2"
+  integrity sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==
   dependencies:
     "@alloc/quick-lru" "^5.2.0"
     arg "^5.0.2"
@@ -8775,7 +9147,7 @@ tailwindcss@^3, tailwindcss@^3.2.6:
     fast-glob "^3.3.2"
     glob-parent "^6.0.2"
     is-glob "^4.0.3"
-    jiti "^1.21.6"
+    jiti "^1.21.7"
     lilconfig "^3.1.3"
     micromatch "^4.0.8"
     normalize-path "^3.0.0"
@@ -8784,7 +9156,7 @@ tailwindcss@^3, tailwindcss@^3.2.6:
     postcss "^8.4.47"
     postcss-import "^15.1.0"
     postcss-js "^4.0.1"
-    postcss-load-config "^4.0.2"
+    postcss-load-config "^4.0.2 || ^5.0 || ^6.0"
     postcss-nested "^6.2.0"
     postcss-selector-parser "^6.1.2"
     resolve "^1.22.8"
@@ -8825,12 +9197,12 @@ tempy@^0.6.0:
     unique-string "^2.0.0"
 
 terser@^5.17.4:
-  version "5.42.0"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.42.0.tgz#1db8493aa0f3f866e488ec0fcf7e0c28eb43a2f5"
-  integrity sha512-UYCvU9YQW2f/Vwl+P0GfhxJxbUGLwd+5QrrGgLajzWAtC/23AX0vcise32kkP7Eu0Wu9VlzzHAXkLObgjQfFlQ==
+  version "5.46.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.46.0.tgz#1b81e560d584bbdd74a8ede87b4d9477b0ff9695"
+  integrity sha512-jTwoImyr/QbOWFFso3YoU3ik0jBBDJ6JTOQiy/J2YxVJdZCc+5u7skhNwiOR3FQIygFqVUPHl7qbbxtjW2K3Qg==
   dependencies:
     "@jridgewell/source-map" "^0.3.3"
-    acorn "^8.14.0"
+    acorn "^8.15.0"
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
@@ -8872,6 +9244,14 @@ tiny-typed-emitter@^2.1.0:
   resolved "https://registry.yarnpkg.com/tiny-typed-emitter/-/tiny-typed-emitter-2.1.0.tgz#b3b027fdd389ff81a152c8e847ee2f5be9fad7b5"
   integrity sha512-qVtvMxeXbVej0cQWKqVSSAHmKZEHAvxdF8HEUBFWts8h+xEo5m/lEiPakuyZ3BnCBjOD8i24kzNOiOLLgsSxhA==
 
+tinyglobby@^0.2.11:
+  version "0.2.15"
+  resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.15.tgz#e228dd1e638cea993d2fdb4fcd2d4602a79951c2"
+  integrity sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==
+  dependencies:
+    fdir "^6.5.0"
+    picomatch "^4.0.3"
+
 tinypool@^0.2.4:
   version "0.2.4"
   resolved "https://registry.yarnpkg.com/tinypool/-/tinypool-0.2.4.tgz#4d2598c4689d1a2ce267ddf3360a9c6b3925a20c"
@@ -8895,9 +9275,9 @@ tmp-promise@^3.0.2:
     tmp "^0.2.0"
 
 tmp@^0.2.0:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.3.tgz#eb783cc22bc1e8bebd0671476d46ea4eb32a79ae"
-  integrity sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==
+  version "0.2.5"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.5.tgz#b06bcd23f0f3c8357b426891726d16015abfd8f8"
+  integrity sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==
 
 to-regex-range@^5.0.1:
   version "5.0.1"
@@ -9005,10 +9385,17 @@ type-fest@^4.18.2, type-fest@^4.41.0:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-4.41.0.tgz#6ae1c8e5731273c2bf1f58ad39cbae2c91a46c58"
   integrity sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==
 
+type-fest@^5.0.0, type-fest@^5.0.1:
+  version "5.4.3"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-5.4.3.tgz#b4c7e028da129098911ee2162a0c30df8a1be904"
+  integrity sha512-AXSAQJu79WGc79/3e9/CR77I/KQgeY1AhNvcShIH4PTcGYyC4xv6H4R4AUOwkPS5799KlVDAu8zExeCrkGquiA==
+  dependencies:
+    tagged-tag "^1.0.0"
+
 type-fest@^5.4.1:
-  version "5.4.4"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-5.4.4.tgz#577f165b5ecb44cfc686559cc54ca77f62aa374d"
-  integrity sha512-JnTrzGu+zPV3aXIUhnyWJj4z/wigMsdYajGLIYakqyOW1nPllzXEJee0QQbHj+CTIQtXGlAjuK0UY+2xTyjVAw==
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-5.5.0.tgz#78fca72f3a1f9ec964e6ae260db492b070c56f3b"
+  integrity sha512-PlBfpQwiUvGViBNX84Yxwjsdhd1TUlXr6zjX7eoirtCPIr08NAmxwa+fcYBTeRQxHo9YC9wwF3m9i700sHma8g==
   dependencies:
     tagged-tag "^1.0.0"
 
@@ -9058,24 +9445,24 @@ typed-array-length@^1.0.7:
     reflect.getprototypeof "^1.0.6"
 
 typed-function@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/typed-function/-/typed-function-4.2.1.tgz#19aa51847aa2dea9ef5e7fb7641c060179a74426"
-  integrity sha512-EGjWssW7Tsk4DGfE+5yluuljS1OGYWiI1J6e8puZz9nTMM51Oug8CD5Zo4gWMsOhq5BI+1bF+rWTm4Vbj3ivRA==
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/typed-function/-/typed-function-4.2.2.tgz#49939f58d133a40cb03bdc05d969f59e4bdc3190"
+  integrity sha512-VwaXim9Gp1bngi/q3do8hgttYn2uC3MoT/gfuMWylnj1IeZBUAyPddHZlo1K05BDoj8DYPpMdiHqH1dDYdJf2A==
 
 typescript@^5.4.3:
-  version "5.8.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.8.3.tgz#92f8a3e5e3cf497356f4178c34cd65a7f5e8440e"
-  integrity sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==
+  version "5.9.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.9.3.tgz#5b4f59e15310ab17a216f5d6cf53ee476ede670f"
+  integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==
 
 typescript@~5.4.4:
   version "5.4.5"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.4.5.tgz#42ccef2c571fdbd0f6718b1d1f5e6e5ef006f611"
   integrity sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==
 
-uint8array-extras@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/uint8array-extras/-/uint8array-extras-1.4.0.tgz#e42a678a6dd335ec2d21661333ed42f44ae7cc74"
-  integrity sha512-ZPtzy0hu4cZjv3z5NW9gfKnNLjoz4y6uv4HlelAjDK7sY/xOkKZv9xK/WQpcsBB3jEybChz9DPC2U/+cusjJVQ==
+uint8array-extras@^1.4.0, uint8array-extras@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/uint8array-extras/-/uint8array-extras-1.5.0.tgz#10d2a85213de3ada304fea1c454f635c73839e86"
+  integrity sha512-rvKSBiC5zqCCiDZ9kAOszZcDvdAHwwIKJG33Ykj43OKcWsnmcBRL09YTU4nOeHZ8Y2a7l1MgTd08SBe9A8Qj6A==
 
 unbox-primitive@^1.1.0:
   version "1.1.0"
@@ -9092,10 +9479,10 @@ undici-types@~6.21.0:
   resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.21.0.tgz#691d00af3909be93a7faa13be61b3a5b50ef12cb"
   integrity sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==
 
-undici-types@~7.8.0:
-  version "7.8.0"
-  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-7.8.0.tgz#de00b85b710c54122e44fbfd911f8d70174cd294"
-  integrity sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==
+undici-types@~7.16.0:
+  version "7.16.0"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-7.16.0.tgz#ffccdff36aea4884cbfce9a750a0580224f58a46"
+  integrity sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==
 
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.1"
@@ -9110,15 +9497,15 @@ unicode-match-property-ecmascript@^2.0.0:
     unicode-canonical-property-names-ecmascript "^2.0.0"
     unicode-property-aliases-ecmascript "^2.0.0"
 
-unicode-match-property-value-ecmascript@^2.1.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz#a0401aee72714598f739b68b104e4fe3a0cb3c71"
-  integrity sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==
+unicode-match-property-value-ecmascript@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.1.tgz#65a7adfad8574c219890e219285ce4c64ed67eaa"
+  integrity sha512-JQ84qTuMg4nVkx8ga4A16a1epI9H6uTXAknqxkGF/aFfRLw1xC/Bp24HNLaZhHSkWd3+84t8iXnp1J0kYcZHhg==
 
 unicode-property-aliases-ecmascript@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
-  integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.2.0.tgz#301d4f8a43d2b75c97adfad87c9dd5350c9475d1"
+  integrity sha512-hpbDzxUY9BFwX+UeBnxv3Sh1q7HFxj48DTmXchNgRa46lO8uj3/1iEn3MiNUYTg1g9ctIqXCCERn8gYZhHC5lQ==
 
 unique-filename@^2.0.0:
   version "2.0.1"
@@ -9166,10 +9553,10 @@ upath@^2.0.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
   integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
 
-update-browserslist-db@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz#348377dd245216f9e7060ff50b15a1b740b75420"
-  integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==
+update-browserslist-db@^1.2.0:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz#64d76db58713136acbeb4c49114366cc6cc2e80d"
+  integrity sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==
   dependencies:
     escalade "^3.2.0"
     picocolors "^1.1.1"
@@ -9295,9 +9682,9 @@ vue-cli-plugin-vuetify@~2.4.8:
     shelljs "^0.8.3"
 
 vue-component-type-helpers@^2.0.0:
-  version "2.2.10"
-  resolved "https://registry.yarnpkg.com/vue-component-type-helpers/-/vue-component-type-helpers-2.2.10.tgz#126a7d7258f7458c66dfe234a612500c90c4838c"
-  integrity sha512-iDUO7uQK+Sab2tYuiP9D1oLujCWlhHELHMgV/cB13cuGbG4qwkLHvtfWb6FzvxrIOPDnU0oHsz2MlQjhYDeaHA==
+  version "2.2.12"
+  resolved "https://registry.yarnpkg.com/vue-component-type-helpers/-/vue-component-type-helpers-2.2.12.tgz#5014787aad185a22f460ad469cc51f14524308bc"
+  integrity sha512-YbGqHZ5/eW4SnkPNR44mKVc6ZKQoRs/Rux1sxC6rdwXb4qpbOSYfDr9DsTHolOTGmIKgM9j141mZbBeg05R1pw==
 
 vue-demi@*, vue-demi@>=0.14.8, vue-demi@^0.14.10:
   version "0.14.10"
@@ -9327,6 +9714,15 @@ vue-eslint-parser@^8.0.0, vue-eslint-parser@^8.0.1:
     lodash "^4.17.21"
     semver "^7.3.5"
 
+vue-i18n@9:
+  version "9.14.5"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-9.14.5.tgz#72fbf4384b83a1c59ec9e01ff5d30224bd9150cf"
+  integrity sha512-0jQ9Em3ymWngyiIkj0+c/k7WgaPO+TNzjKSNq9BvBQaKJECqn9cd9fL4tkDhB5G1QBskGl9YxxbDAhgbFtpe2g==
+  dependencies:
+    "@intlify/core-base" "9.14.5"
+    "@intlify/shared" "9.14.5"
+    "@vue/devtools-api" "^6.5.0"
+
 vue-observe-visibility@^2.0.0-alpha.1:
   version "2.0.0-alpha.1"
   resolved "https://registry.yarnpkg.com/vue-observe-visibility/-/vue-observe-visibility-2.0.0-alpha.1.tgz#1e4eda7b12562161d58984b7e0dea676d83bdb13"
@@ -9338,9 +9734,9 @@ vue-resize@^2.0.0-alpha.1:
   integrity sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==
 
 vue-router@^4.0.14:
-  version "4.5.1"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.5.1.tgz#47bffe2d3a5479d2886a9a244547a853aa0abf69"
-  integrity sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==
+  version "4.6.4"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.6.4.tgz#a0a9cb9ef811a106d249e4bb9313d286718020d8"
+  integrity sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==
   dependencies:
     "@vue/devtools-api" "^6.6.4"
 
@@ -9376,15 +9772,15 @@ vue3-slider@^1.9.0:
   integrity sha512-2nGoHbjh+lgXQErdrUs6yIN99EKU4St+dAZUcFe2s5Gn9V8+QFMmV6rwpb3prQn0Yz1wrVDLTZLbwmEpiEY7xg==
 
 vue@^3.4.21, vue@^3.5.13:
-  version "3.5.16"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.16.tgz#f0cde88c2688354f00ff2d77eb295c26440f8c7a"
-  integrity sha512-rjOV2ecxMd5SiAmof2xzh2WxntRcigkX/He4YFJ6WdRvVUrbt6DxC1Iujh10XLl8xCDRDtGKMeO3D+pRQ1PP9w==
+  version "3.5.27"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.27.tgz#e55fd941b614459ab2228489bc19d1692e05876c"
+  integrity sha512-aJ/UtoEyFySPBGarREmN4z6qNKpbEguYHMmXSiOGk69czc+zhs0NF6tEFrY8TZKAl8N/LYAkd4JHVd5E/AsSmw==
   dependencies:
-    "@vue/compiler-dom" "3.5.16"
-    "@vue/compiler-sfc" "3.5.16"
-    "@vue/runtime-dom" "3.5.16"
-    "@vue/server-renderer" "3.5.16"
-    "@vue/shared" "3.5.16"
+    "@vue/compiler-dom" "3.5.27"
+    "@vue/compiler-sfc" "3.5.27"
+    "@vue/runtime-dom" "3.5.27"
+    "@vue/server-renderer" "3.5.27"
+    "@vue/shared" "3.5.27"
 
 vuetify-loader@^2.0.0-alpha.0:
   version "2.0.0-alpha.9"
@@ -9426,10 +9822,10 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
-web-vitals@^4.2.4:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-4.2.4.tgz#1d20bc8590a37769bd0902b289550936069184b7"
-  integrity sha512-r4DIlprAGwJ7YM11VZp4R884m0Vmgr6EAKe3P+kO0PPj3Unqyvv59rczf6UiGcb9Z8QxZVcqKNwv/g0WNdWwsw==
+web-vitals@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-5.1.0.tgz#2f117e92c8c4eeb107cb163cbb482ac20d685ebd"
+  integrity sha512-ArI3kx5jI0atlTtmV0fWU3fjpLmq/nD3Zr1iFFlJLaqa5wLBkUSzINwBPySCX/8jRyjlmy1Volw1kz1g9XE4Jg==
 
 webfontloader@^1.0.0:
   version "1.6.28"
@@ -9490,10 +9886,10 @@ whatwg-url@^7.0.0:
     tr46 "^1.0.1"
     webidl-conversions "^4.0.2"
 
-when-exit@^2.1.1:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/when-exit/-/when-exit-2.1.4.tgz#e2a0e998f7ad67eb0d2ce37e9794386663cc96f7"
-  integrity sha512-4rnvd3A1t16PWzrBUcSDZqcAmsUIy4minDXT/CZ8F2mVDgd65i4Aalimgz1aQkRGU0iH5eT5+6Rx2TK8o443Pg==
+when-exit@^2.1.4:
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/when-exit/-/when-exit-2.1.5.tgz#53fa4ffa2ba4c792213fb6617eb7d08f0dcb1a9f"
+  integrity sha512-VGkKJ564kzt6Ms1dbgPP/yuIoQCrsFAnRbptpC5wOEsDaNsbCB2bnfnaA8i/vRs5tjUSEOtIuvl9/MyVsvQZCg==
 
 which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
   version "1.1.1"
@@ -9536,9 +9932,9 @@ which-collection@^1.0.2:
     is-weakset "^2.0.3"
 
 which-typed-array@^1.1.16, which-typed-array@^1.1.19:
-  version "1.1.19"
-  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.19.tgz#df03842e870b6b88e117524a4b364b6fc689f956"
-  integrity sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==
+  version "1.1.20"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.20.tgz#3fdb7adfafe0ea69157b1509f3a1cd892bd1d122"
+  integrity sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==
   dependencies:
     available-typed-arrays "^1.0.7"
     call-bind "^1.0.8"
@@ -9567,25 +9963,25 @@ word-wrap@^1.2.5:
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
   integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
 
-workbox-background-sync@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-7.3.0.tgz#b6340731a8d5b42b9e75a8a87c8806928e6e6303"
-  integrity sha512-PCSk3eK7Mxeuyatb22pcSx9dlgWNv3+M8PqPaYDokks8Y5/FX4soaOqj3yhAZr5k6Q5JWTOMYgaJBpbw11G9Eg==
+workbox-background-sync@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-7.4.0.tgz#5fcf83162b540f799966fdd8df0858f91b787d77"
+  integrity sha512-8CB9OxKAgKZKyNMwfGZ1XESx89GryWTfI+V5yEj8sHjFH8MFelUwYXEyldEK6M6oKMmn807GoJFUEA1sC4XS9w==
   dependencies:
     idb "^7.0.1"
-    workbox-core "7.3.0"
+    workbox-core "7.4.0"
 
-workbox-broadcast-update@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-7.3.0.tgz#bff86b91795c4b9fa46a758d1a7a151828623280"
-  integrity sha512-T9/F5VEdJVhwmrIAE+E/kq5at2OY6+OXXgOWQevnubal6sO92Gjo24v6dCVwQiclAF5NS3hlmsifRrpQzZCdUA==
+workbox-broadcast-update@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-7.4.0.tgz#f0ee7d2af51d199e32213a429dff03f14ba76dea"
+  integrity sha512-+eZQwoktlvo62cI0b+QBr40v5XjighxPq3Fzo9AWMiAosmpG5gxRHgTbGGhaJv/q/MFVxwFNGh/UwHZ/8K88lA==
   dependencies:
-    workbox-core "7.3.0"
+    workbox-core "7.4.0"
 
 workbox-build@^7.0.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-7.3.0.tgz#ab688f3241b32862236aeeb62b240195f1fe4b62"
-  integrity sha512-JGL6vZTPlxnlqZRhR/K/msqg3wKP+m0wfEUVosK7gsYzSgeIxvZLi1ViJJzVL7CEeI8r7rGFV973RiEqkP3lWQ==
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-7.4.0.tgz#033f88ebbd9c6312983f3fb9c17a4161369d693f"
+  integrity sha512-Ntk1pWb0caOFIvwz/hfgrov/OJ45wPEhI5PbTywQcYjyZiVhT3UrwwUPl6TRYbTm4moaFYithYnl1lvZ8UjxcA==
   dependencies:
     "@apideck/better-ajv-errors" "^0.3.1"
     "@babel/core" "^7.24.4"
@@ -9600,130 +9996,130 @@ workbox-build@^7.0.0:
     common-tags "^1.8.0"
     fast-json-stable-stringify "^2.1.0"
     fs-extra "^9.0.1"
-    glob "^7.1.6"
+    glob "^11.0.1"
     lodash "^4.17.20"
     pretty-bytes "^5.3.0"
-    rollup "^2.43.1"
+    rollup "^2.79.2"
     source-map "^0.8.0-beta.0"
     stringify-object "^3.3.0"
     strip-comments "^2.0.1"
     tempy "^0.6.0"
     upath "^1.2.0"
-    workbox-background-sync "7.3.0"
-    workbox-broadcast-update "7.3.0"
-    workbox-cacheable-response "7.3.0"
-    workbox-core "7.3.0"
-    workbox-expiration "7.3.0"
-    workbox-google-analytics "7.3.0"
-    workbox-navigation-preload "7.3.0"
-    workbox-precaching "7.3.0"
-    workbox-range-requests "7.3.0"
-    workbox-recipes "7.3.0"
-    workbox-routing "7.3.0"
-    workbox-strategies "7.3.0"
-    workbox-streams "7.3.0"
-    workbox-sw "7.3.0"
-    workbox-window "7.3.0"
-
-workbox-cacheable-response@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-7.3.0.tgz#557b0f5fdfceb22fe243e3f19807c76a0ae646e3"
-  integrity sha512-eAFERIg6J2LuyELhLlmeRcJFa5e16Mj8kL2yCDbhWE+HUun9skRQrGIFVUagqWj4DMaaPSMWfAolM7XZZxNmxA==
-  dependencies:
-    workbox-core "7.3.0"
-
-workbox-core@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-7.3.0.tgz#f24fb92041a0b7482fe2dd856544aaa9fa105248"
-  integrity sha512-Z+mYrErfh4t3zi7NVTvOuACB0A/jA3bgxUN3PwtAVHvfEsZxV9Iju580VEETug3zYJRc0Dmii/aixI/Uxj8fmw==
-
-workbox-expiration@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-7.3.0.tgz#2c1ee1fdada34aa7e7474f706d5429c914bd10d2"
-  integrity sha512-lpnSSLp2BM+K6bgFCWc5bS1LR5pAwDWbcKt1iL87/eTSJRdLdAwGQznZE+1czLgn/X05YChsrEegTNxjM067vQ==
+    workbox-background-sync "7.4.0"
+    workbox-broadcast-update "7.4.0"
+    workbox-cacheable-response "7.4.0"
+    workbox-core "7.4.0"
+    workbox-expiration "7.4.0"
+    workbox-google-analytics "7.4.0"
+    workbox-navigation-preload "7.4.0"
+    workbox-precaching "7.4.0"
+    workbox-range-requests "7.4.0"
+    workbox-recipes "7.4.0"
+    workbox-routing "7.4.0"
+    workbox-strategies "7.4.0"
+    workbox-streams "7.4.0"
+    workbox-sw "7.4.0"
+    workbox-window "7.4.0"
+
+workbox-cacheable-response@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-7.4.0.tgz#f684380c07dfce4ed1aa555c8a29a2a1f8421d46"
+  integrity sha512-0Fb8795zg/x23ISFkAc7lbWes6vbw34DGFIMw31cwuHPgDEC/5EYm6m/ZkylLX0EnEbbOyOCLjKgFS/Z5g0HeQ==
+  dependencies:
+    workbox-core "7.4.0"
+
+workbox-core@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-7.4.0.tgz#5cb59ae7655f2727423268fb1ba698f37809189d"
+  integrity sha512-6BMfd8tYEnN4baG4emG9U0hdXM4gGuDU3ectXuVHnj71vwxTFI7WOpQJC4siTOlVtGqCUtj0ZQNsrvi6kZZTAQ==
+
+workbox-expiration@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-7.4.0.tgz#f7162a45ad8b28de84acea478df421b4d0065e61"
+  integrity sha512-V50p4BxYhtA80eOvulu8xVfPBgZbkxJ1Jr8UUn0rvqjGhLDqKNtfrDfjJKnLz2U8fO2xGQJTx/SKXNTzHOjnHw==
   dependencies:
     idb "^7.0.1"
-    workbox-core "7.3.0"
+    workbox-core "7.4.0"
 
-workbox-google-analytics@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-7.3.0.tgz#3c4d4956c0a9800dfb587d82ec8bc0f9cf963791"
-  integrity sha512-ii/tSfFdhjLHZ2BrYgFNTrb/yk04pw2hasgbM70jpZfLk0vdJAXgaiMAWsoE+wfJDNWoZmBYY0hMVI0v5wWDbg==
+workbox-google-analytics@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-7.4.0.tgz#208d8e584e8262af8a14140c3a990d13021c8257"
+  integrity sha512-MVPXQslRF6YHkzGoFw1A4GIB8GrKym/A5+jYDUSL+AeJw4ytQGrozYdiZqUW1TPQHW8isBCBtyFJergUXyNoWQ==
   dependencies:
-    workbox-background-sync "7.3.0"
-    workbox-core "7.3.0"
-    workbox-routing "7.3.0"
-    workbox-strategies "7.3.0"
+    workbox-background-sync "7.4.0"
+    workbox-core "7.4.0"
+    workbox-routing "7.4.0"
+    workbox-strategies "7.4.0"
 
-workbox-navigation-preload@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-7.3.0.tgz#9d54693b9179d5175e66af5ef9a92d1b7cf3e605"
-  integrity sha512-fTJzogmFaTv4bShZ6aA7Bfj4Cewaq5rp30qcxl2iYM45YD79rKIhvzNHiFj1P+u5ZZldroqhASXwwoyusnr2cg==
+workbox-navigation-preload@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-7.4.0.tgz#3133983b2690dee733d18f56760fdd5182a6ffaf"
+  integrity sha512-etzftSgdQfjMcfPgbfaZCfM2QuR1P+4o8uCA2s4rf3chtKTq/Om7g/qvEOcZkG6v7JZOSOxVYQiOu6PbAZgU6w==
   dependencies:
-    workbox-core "7.3.0"
+    workbox-core "7.4.0"
 
-workbox-precaching@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-7.3.0.tgz#a84663d69efdb334f25c04dba0a72ed3391c4da8"
-  integrity sha512-ckp/3t0msgXclVAYaNndAGeAoWQUv7Rwc4fdhWL69CCAb2UHo3Cef0KIUctqfQj1p8h6aGyz3w8Cy3Ihq9OmIw==
+workbox-precaching@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-7.4.0.tgz#daf486953353acaf84142b78cf28a890c466b242"
+  integrity sha512-VQs37T6jDqf1rTxUJZXRl3yjZMf5JX/vDPhmx2CPgDDKXATzEoqyRqhYnRoxl6Kr0rqaQlp32i9rtG5zTzIlNg==
   dependencies:
-    workbox-core "7.3.0"
-    workbox-routing "7.3.0"
-    workbox-strategies "7.3.0"
+    workbox-core "7.4.0"
+    workbox-routing "7.4.0"
+    workbox-strategies "7.4.0"
 
-workbox-range-requests@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-7.3.0.tgz#1b3d5c235a0ff5271418c3a7183281dc131ccd0d"
-  integrity sha512-EyFmM1KpDzzAouNF3+EWa15yDEenwxoeXu9bgxOEYnFfCxns7eAxA9WSSaVd8kujFFt3eIbShNqa4hLQNFvmVQ==
+workbox-range-requests@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-7.4.0.tgz#1be334d6a7a0b158d6094e8698460393863d28a2"
+  integrity sha512-3Vq854ZNuP6Y0KZOQWLaLC9FfM7ZaE+iuQl4VhADXybwzr4z/sMmnLgTeUZLq5PaDlcJBxYXQ3U91V7dwAIfvw==
   dependencies:
-    workbox-core "7.3.0"
+    workbox-core "7.4.0"
 
-workbox-recipes@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-7.3.0.tgz#fa407101e8ce52850dfba8e17a5afccb733a3942"
-  integrity sha512-BJro/MpuW35I/zjZQBcoxsctgeB+kyb2JAP5EB3EYzePg8wDGoQuUdyYQS+CheTb+GhqJeWmVs3QxLI8EBP1sg==
+workbox-recipes@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-7.4.0.tgz#217e6394f965bed8fbf15ad83370f03356c885c9"
+  integrity sha512-kOkWvsAn4H8GvAkwfJTbwINdv4voFoiE9hbezgB1sb/0NLyTG4rE7l6LvS8lLk5QIRIto+DjXLuAuG3Vmt3cxQ==
   dependencies:
-    workbox-cacheable-response "7.3.0"
-    workbox-core "7.3.0"
-    workbox-expiration "7.3.0"
-    workbox-precaching "7.3.0"
-    workbox-routing "7.3.0"
-    workbox-strategies "7.3.0"
+    workbox-cacheable-response "7.4.0"
+    workbox-core "7.4.0"
+    workbox-expiration "7.4.0"
+    workbox-precaching "7.4.0"
+    workbox-routing "7.4.0"
+    workbox-strategies "7.4.0"
 
-workbox-routing@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-7.3.0.tgz#fc86296bc1155c112ee2c16b3180853586c30208"
-  integrity sha512-ZUlysUVn5ZUzMOmQN3bqu+gK98vNfgX/gSTZ127izJg/pMMy4LryAthnYtjuqcjkN4HEAx1mdgxNiKJMZQM76A==
+workbox-routing@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-7.4.0.tgz#4b5bc90256515dc5cf49b356b101721fd135d013"
+  integrity sha512-C/ooj5uBWYAhAqwmU8HYQJdOjjDKBp9MzTQ+otpMmd+q0eF59K+NuXUek34wbL0RFrIXe/KKT+tUWcZcBqxbHQ==
   dependencies:
-    workbox-core "7.3.0"
+    workbox-core "7.4.0"
 
-workbox-strategies@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-7.3.0.tgz#bb1530f205806895aacdea3639e6cf6bfb3a6cb0"
-  integrity sha512-tmZydug+qzDFATwX7QiEL5Hdf7FrkhjaF9db1CbB39sDmEZJg3l9ayDvPxy8Y18C3Y66Nrr9kkN1f/RlkDgllg==
+workbox-strategies@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-7.4.0.tgz#59130734400722d39ce4a0a1a22a363e99913946"
+  integrity sha512-T4hVqIi5A4mHi92+5EppMX3cLaVywDp8nsyUgJhOZxcfSV/eQofcOA6/EMo5rnTNmNTpw0rUgjAI6LaVullPpg==
   dependencies:
-    workbox-core "7.3.0"
+    workbox-core "7.4.0"
 
-workbox-streams@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-7.3.0.tgz#a4c0ae51b66121a2aa6f89229e237aca6dc27eb5"
-  integrity sha512-SZnXucyg8x2Y61VGtDjKPO5EgPUG5NDn/v86WYHX+9ZqvAsGOytP0Jxp1bl663YUuMoXSAtsGLL+byHzEuMRpw==
+workbox-streams@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-7.4.0.tgz#e5b8e6b540f08e05f3c51b748c54056d24f20e8c"
+  integrity sha512-QHPBQrey7hQbnTs5GrEVoWz7RhHJXnPT+12qqWM378orDMo5VMJLCkCM1cnCk+8Eq92lccx/VgRZ7WAzZWbSLg==
   dependencies:
-    workbox-core "7.3.0"
-    workbox-routing "7.3.0"
+    workbox-core "7.4.0"
+    workbox-routing "7.4.0"
 
-workbox-sw@7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-7.3.0.tgz#39215017e868d7cfe6835b2961f55369d89b3e73"
-  integrity sha512-aCUyoAZU9IZtH05mn0ACUpyHzPs0lMeJimAYkQkBsOWiqaJLgusfDCR+yllkPkFRxWpZKF8vSvgHYeG7LwhlmA==
+workbox-sw@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-7.4.0.tgz#05c9659399b8f3716e14406be66eb118fcb3968f"
+  integrity sha512-ltU+Kr3qWR6BtbdlMnCjobZKzeV1hN+S6UvDywBrwM19TTyqA03X66dzw1tEIdJvQ4lYKkBFox6IAEhoSEZ8Xw==
 
-workbox-window@7.3.0, workbox-window@^7.0.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-7.3.0.tgz#e71bb0b4d880d2295c96bf1ccadb6cea0df51c07"
-  integrity sha512-qW8PDy16OV1UBaUNGlTVcepzrlzyzNW/ZJvFQQs2j2TzGsg6IKjcpZC1RSquqQnTOafl5pCj5bGfAHlCjOOjdA==
+workbox-window@7.4.0, workbox-window@^7.0.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-7.4.0.tgz#5399a5261b8c34d9d102f2d832d5857ee4d5748a"
+  integrity sha512-/bIYdBLAVsNR3v7gYGaV4pQW3M3kEPx5E8vDxGvxo6khTrGtSSCS7QiFKv9ogzBgZiy0OXLP9zO28U/1nF1mfw==
   dependencies:
     "@types/trusted-types" "^2.0.2"
-    workbox-core "7.3.0"
+    workbox-core "7.4.0"
 
 "wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
   version "7.0.0"
@@ -9758,9 +10154,9 @@ wrappy@1:
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
 ws@^8.2.3:
-  version "8.18.2"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.2.tgz#42738b2be57ced85f46154320aabb51ab003705a"
-  integrity sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==
+  version "8.19.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.19.0.tgz#ddc2bdfa5b9ad860204f5a72a4863a8895fd8c8b"
+  integrity sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==
 
 xml-name-validator@^4.0.0:
   version "4.0.0"
@@ -9797,11 +10193,6 @@ yallist@^5.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-5.0.0.tgz#00e2de443639ed0d78fd87de0d27469fbcffb533"
   integrity sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==
 
-yaml@^2.3.4:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.8.0.tgz#15f8c9866211bdc2d3781a0890e44d4fa1a5fff6"
-  integrity sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ==
-
 yargs-parser@^20.2.2, yargs-parser@^20.2.9:
   version "20.2.9"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"

From 33c4e6db5af83354fb58a5edf0bfe30a74d314eb Mon Sep 17 00:00:00 2001
From: norulers <norulers@vip.qq.com>
Date: Sat, 9 May 2026 18:27:11 +0800
Subject: [PATCH 2/2] fix(i18n): translate hardcoded strings in controller
 store

---
 src/locales/zh.json      |  5 +++++
 src/stores/controller.ts | 31 ++++++++++++++++++++++---------
 2 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/src/locales/zh.json b/src/locales/zh.json
index d1685252fd..0c733c9a5b 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -180,6 +180,11 @@
   "Cannot select invisible view": "无法选择不可见的视图",
   "Mini widget container not found": "未找到迷你小部件容器",
   "Cannot map modifier to own layout": "无法将修饰符映射到自己的布局",
+  "Unmapping '{{name}}' from {{layout}} layout. Cannot use same button as the modifier.": "正在从 {{layout}} 布局中取消映射 '{{name}}'，不能将同一按键用作修饰键。",
+  "Unmapping '{{name}}' from input {{axis}} layout. Cannot use same action on multiple axes.": "正在从输入 {{axis}} 布局中取消映射 '{{name}}'，不能在多个轴上使用相同的操作。",
+  "Multiple joystick controllers detected": "检测到多个摇杆控制器",
+  "Another ground control station is already sending joystick commands to this vehicle, and using multiple joysticks simultaneously can cause unpredictable behavior.": "另一个地面控制站已经在向该载具发送摇杆指令，同时使用多个摇杆可能导致不可预测的行为。",
+  "If you still want to use this joystick, click the top-right joystick widget and enable forwarding. You can also disable the joystick forwarding on the other Cockpit instance the same way.": "如果仍想使用此摇杆，请点击右上角的摇杆组件并启用转发。也可以用同样的方式在另一个 Cockpit 实例上禁用摇杆转发。",
   "Invalid joystick mapping file": "无效的摇杆映射文件",
   "Invalid functions mapping file": "无效的功能映射文件",
   "Functions mapping imported successfully": "功能映射导入成功",
diff --git a/src/stores/controller.ts b/src/stores/controller.ts
index 783ba7fab4..9c4676fefa 100644
--- a/src/stores/controller.ts
+++ b/src/stores/controller.ts
@@ -190,12 +190,15 @@ export const useControllerStore = defineStore('controller', () => {
         preventJoystickForwarding.value = true
 
         showDialog({
-          title: 'Multiple joystick controllers detected',
+          title: i18n.global.t('Multiple joystick controllers detected'),
           message: [
-            `Another ground control station is already sending joystick commands to this vehicle, and using multiple
-            joysticks simultaneously can cause unpredictable behavior.`,
-            `If you still want to use this joystick, click the top-right joystick widget and enable forwarding. You can
-            also disable the joystick forwarding on the other Cockpit instance the same way.`,
+            i18n.global.t(
+              'Another ground control station is already sending joystick commands to this vehicle, and using multiple joysticks simultaneously can cause unpredictable behavior.'
+            ),
+            i18n.global.t(
+              'If you still want to use this joystick, click the top-right joystick widget and enable forwarding. '
+                + 'You can also disable the joystick forwarding on the other Cockpit instance the same way.'
+            ),
           ],
           variant: 'warning',
           maxWidth: 720,
@@ -344,9 +347,16 @@ export const useControllerStore = defineStore('controller', () => {
           const oldMappingId = oldMapping.axesCorrespondencies[axis as unknown as JoystickAxis]?.action?.id
           const wasMapped = oldMappingId === mapping.action.id
           if (isDuplicated && wasMapped) {
-            const warningText = `Unmapping '${mapping.action.name}' from input ${axis} layout.
-              Cannot use same action on multiple axes.`
-            showDialog({ message: warningText, variant: 'warning' })
+            showDialog({
+              message: i18n.global.t(
+                "Unmapping '{{name}}' from input {{axis}} layout. Cannot use same action on multiple axes.",
+                {
+                  name: mapping.action.name,
+                  axis,
+                }
+              ),
+              variant: 'warning',
+            })
             newMapping.axesCorrespondencies[axis as unknown as JoystickAxis].action = otherAvailableActions.no_function
           }
         })
@@ -380,7 +390,10 @@ export const useControllerStore = defineStore('controller', () => {
       const actionToUnmap = protocolMapping.value.buttonsCorrespondencies[v.modKey][v.button].action
       if (JSON.stringify(actionToUnmap) === JSON.stringify(otherAvailableActions.no_function)) return
       showDialog({
-        message: `Unmapping '${actionToUnmap.name} from ${v.modKey} layout. Cannot use same button as the modifier.`,
+        message: i18n.global.t("Unmapping '{{name}}' from {{layout}} layout. Cannot use same button as the modifier.", {
+          name: actionToUnmap.name,
+          layout: v.modKey,
+        }),
         variant: 'warning',
       })
       protocolMapping.value.buttonsCorrespondencies[v.modKey][v.button].action = otherAvailableActions.no_function