From db33310a10db25f34a64b78d156bdf667b2e0568 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Thu, 2 Apr 2026 22:20:47 +0200
Subject: [PATCH 1/9] revert some changes

---
 .github/workflows/deploy.yml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index d354c062b..81e476e84 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -8,12 +8,12 @@ jobs:
         runs-on: ubuntu-latest
         steps:
             - name: Checkout
-              uses: actions/checkout@v5
+              uses: actions/checkout@v4
 
             - name: Install Node.js
-              uses: actions/setup-node@v6
+              uses: actions/setup-node@v4
               with:
-                  node-version: 24
+                  node-version: 20
                   cache: npm
                   cache-dependency-path: |
                       gpx/package-lock.json
@@ -41,7 +41,7 @@ jobs:
                   npm run build --prefix website
 
             - name: Upload Artifacts
-              uses: actions/upload-pages-artifact@v4
+              uses: actions/upload-pages-artifact@v3
               with:
                   path: 'website/build/'
 

From 0f06d0d461920e9e14b8dc5fc6597f19d75b3b64 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Thu, 2 Apr 2026 22:23:34 +0200
Subject: [PATCH 2/9] update

---
 .github/workflows/deploy.yml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 81e476e84..d354c062b 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -8,12 +8,12 @@ jobs:
         runs-on: ubuntu-latest
         steps:
             - name: Checkout
-              uses: actions/checkout@v4
+              uses: actions/checkout@v5
 
             - name: Install Node.js
-              uses: actions/setup-node@v4
+              uses: actions/setup-node@v6
               with:
-                  node-version: 20
+                  node-version: 24
                   cache: npm
                   cache-dependency-path: |
                       gpx/package-lock.json
@@ -41,7 +41,7 @@ jobs:
                   npm run build --prefix website
 
             - name: Upload Artifacts
-              uses: actions/upload-pages-artifact@v3
+              uses: actions/upload-pages-artifact@v4
               with:
                   path: 'website/build/'
 

From 37a659831b47213b9b635b30b8c74936e32079d5 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Tue, 14 Jul 2026 18:49:25 +0200
Subject: [PATCH 3/9] New Crowdin updates (#359)

* New translations en.json (Hungarian)

[ci skip]

* New translations en.json (Hungarian)

[ci skip]

* New translations en.json (Ukrainian)

[ci skip]

* New translations file.mdx (Ukrainian)

[ci skip]

* New translations file.mdx (Ukrainian)

[ci skip]

* New translations settings.mdx (Ukrainian)

[ci skip]

* New translations view.mdx (Ukrainian)

[ci skip]

* New translations clean.mdx (Ukrainian)

[ci skip]

* New translations routing.mdx (Ukrainian)

[ci skip]

* New translations en.json (Ukrainian)

[ci skip]

* New translations clean.mdx (Ukrainian)

[ci skip]

* New translations routing.mdx (Ukrainian)

[ci skip]

* New translations extract.mdx (Ukrainian)

[ci skip]

* New translations merge.mdx (Ukrainian)

[ci skip]

* New translations minify.mdx (Ukrainian)

[ci skip]

* New translations poi.mdx (Ukrainian)

[ci skip]

* New translations elevation.mdx (Ukrainian)

[ci skip]

* New translations en.json (Ukrainian)

[ci skip]

* New translations routing.mdx (Ukrainian)

[ci skip]

* New translations scissors.mdx (Ukrainian)

[ci skip]

* New translations time.mdx (Ukrainian)

[ci skip]

* New translations faq.mdx (Ukrainian)

[ci skip]

* New translations en.json (Ukrainian)

[ci skip]

* New translations view.mdx (Ukrainian)

[ci skip]

* New translations faq.mdx (Ukrainian)

[ci skip]

* New translations files-and-stats.mdx (Ukrainian)

[ci skip]

* New translations getting-started.mdx (Ukrainian)

[ci skip]

* New translations gpx.mdx (Ukrainian)

[ci skip]

* New translations integration.mdx (Ukrainian)

[ci skip]

* New translations map-controls.mdx (Ukrainian)

[ci skip]

* New translations menu.mdx (Ukrainian)

[ci skip]

* New translations toolbar.mdx (Ukrainian)

[ci skip]

* New translations en.json (Basque)

[ci skip]
---
 website/src/lib/docs/uk/faq.mdx               | 30 ++++----
 website/src/lib/docs/uk/files-and-stats.mdx   | 32 ++++-----
 website/src/lib/docs/uk/getting-started.mdx   | 34 +++++-----
 website/src/lib/docs/uk/gpx.mdx               | 34 +++++-----
 website/src/lib/docs/uk/integration.mdx       | 14 ++--
 website/src/lib/docs/uk/map-controls.mdx      | 56 +++++++--------
 website/src/lib/docs/uk/menu.mdx              |  6 +-
 website/src/lib/docs/uk/menu/file.mdx         | 32 ++++-----
 website/src/lib/docs/uk/menu/settings.mdx     | 38 +++++------
 website/src/lib/docs/uk/menu/view.mdx         | 44 ++++++------
 website/src/lib/docs/uk/toolbar.mdx           | 10 +--
 website/src/lib/docs/uk/toolbar/clean.mdx     |  6 +-
 website/src/lib/docs/uk/toolbar/elevation.mdx |  8 +--
 website/src/lib/docs/uk/toolbar/extract.mdx   | 10 +--
 website/src/lib/docs/uk/toolbar/merge.mdx     | 14 ++--
 website/src/lib/docs/uk/toolbar/minify.mdx    | 10 +--
 website/src/lib/docs/uk/toolbar/poi.mdx       | 18 ++---
 website/src/lib/docs/uk/toolbar/routing.mdx   | 68 +++++++++----------
 website/src/lib/docs/uk/toolbar/scissors.mdx  | 24 +++----
 website/src/lib/docs/uk/toolbar/time.mdx      | 12 ++--
 website/src/locales/eu.json                   | 36 +++++-----
 website/src/locales/hu.json                   | 46 ++++++-------
 website/src/locales/uk.json                   | 48 ++++++-------
 23 files changed, 315 insertions(+), 315 deletions(-)

diff --git a/website/src/lib/docs/uk/faq.mdx b/website/src/lib/docs/uk/faq.mdx
index 5975d0fc3..c93c40bb8 100644
--- a/website/src/lib/docs/uk/faq.mdx
+++ b/website/src/lib/docs/uk/faq.mdx
@@ -1,5 +1,5 @@
 ---
-title: FAQ
+title: Часті питання
 ---
 
 <script>
@@ -8,28 +8,28 @@ title: FAQ
 
 # { title }
 
-### Do I need to donate to use the website?
+### Чи потрібно робити пожертву, щоб користуватися сайтом?
 
-No.
-The website is free to use and always will be (as long as it is financially sustainable).
-However, donations are appreciated and help keep the website running.
+Ні.
+Сайтом можна користуватися безкоштовно, і так буде завжди (доки це фінансово можливо).
+Проте ми вдячні за пожертви, вони допомагають підтримувати роботу сайту.
 
-### Why is this route chosen over that one? _Or_ how can I add something to the map?
+### Чому вибрано саме цей маршрут, а не інший? **Або** як додати щось на карту?
 
-**gpx.studio** uses data from <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>, which is an open and collaborative world map.
-This means you can contribute to the map by adding or editing data on OpenStreetMap.
+**gpx.studio** використовує дані <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>, який є відкритими картами світу, що створюється спільнотою.
+Тобто ви можете покращувати карту, додаючи або редагуючи дані в OpenStreetMap.
 
-If you have never contributed to OpenStreetMap before, here is how you can suggest changes:
+Якщо ви ще ніколи не долучалися до OpenStreetMap, ось як можна запропонувати зміни:
 
-1. Go to the location where you want to add or edit data on the <a href="https://www.openstreetmap.org/" target="_blank">map</a>.
-2. Use the <button>Query features</button> tool on the right to inspect the existing data.
-3. Right-click on the location and select <button>Add a note here</button>.
-4. Explain what is incorrect or missing in the note and click <button>Add note</button> to submit it.
+1. Перейдіть до місця на <a href="https://www.openstreetmap.org/" target="_blank">карті</a>, де хочете додати або відредагувати дані.
+2. Скористайтеся інструментом <button>Запитати об’єкти</button> праворуч, щоб переглянути наявні дані.
+3. Клацніть правою кнопкою миші в потрібному місці та виберіть <button>Додати примітку тут</button>.
+4. У примітці вкажіть, що потрібно виправити або додати, і натисніть <button>Додати примітку</button>, щоб надіслати її.
 
-Someone more experienced with OpenStreetMap will then review your note and make the necessary changes.
+Потім досвідченіший учасник OpenStreetMap перегляне вашу примітку й внесе потрібні зміни.
 
 <DocsNote>
 
-More information on how to contribute to OpenStreetMap can be found <a href="https://wiki.openstreetmap.org/wiki/How_to_contribute" target="_blank">here</a>.
+Докладніше про те, як долучитися до OpenStreetMap, можна дізнатися <a href="https://wiki.openstreetmap.org/wiki/How_to_contribute" target="_blank">тут</a>.
 
 </DocsNote>
diff --git a/website/src/lib/docs/uk/files-and-stats.mdx b/website/src/lib/docs/uk/files-and-stats.mdx
index cbf4bee77..a7eb4e670 100644
--- a/website/src/lib/docs/uk/files-and-stats.mdx
+++ b/website/src/lib/docs/uk/files-and-stats.mdx
@@ -54,32 +54,32 @@ title: Файли та статистика
 Крім того, у дереві файлів можна переглядати [треки, сегменти та цікаві місця](./gpx), що містяться у файлах, за допомогою розгортальних розділів.
 
 Ви також можете застосовувати [дії редагування](./menu/edit) та [інструменти](./toolbar) до елементів внутрішніх файлів.
-Furthermore, you can drag and drop the inner items to reorder them, or move them in the hierarchy or even to another file.
+Крім того, внутрішні елементи можна перетягувати, щоб змінювати їхній порядок, переміщувати в ієрархії або навіть переносити до іншого файлу.
 
 <DocsNote>
 
-The size of the file list can be adjusted by dragging the separator between the map and the file list.
+Розмір списку файлів можна налаштувати, перетягнувши розділювач між картою та списком файлів.
 
 </DocsNote>
 
-## Elevation profile and statistics
+## Профіль висоти та статистика
 
-At the bottom of the interface, you can find the elevation profile and statistics for the current selection.
+У нижній частині інтерфейсу можна знайти профіль висоти та статистику для поточного виділення.
 
 <DocsNote>
 
-The size of the elevation profile can be adjusted by dragging the separator between the map and the elevation profile.
+Розмір профілю висоти можна змінити, перетягнувши розділювач між картою та профілем висоти.
 
 </DocsNote>
 
-### Interactive statistics
+### Інтерактивна статистика
 
-When hovering over the elevation profile, a tooltip will show statistics at the cursor position.
+Під час наведення на профіль висоти підказка показує статистику в позиції курсора.
 
-To get the statistics for a specific section of the elevation profile, you can drag a selection rectangle on the profile.
-Click on the profile to reset the selection.
+Щоб отримати статистику для певної ділянки профілю висоти, можна створити прямокутне виділення на профілі.
+Клацніть на профілі, щоб скинути виділення.
 
-You can also use the mouse wheel to zoom in and out on the elevation profile, and move left and right by dragging the profile while holding the <kbd>Shift</kbd> key.
+Також можна використовувати колесо миші, щоб наближати й віддаляти профіль висоти, а також переміщатися ліворуч і праворуч, перетягуючи профіль із затиснутою клавішею <kbd>Shift</kbd>.
 
 <div class="h-48 w-full">
     <ElevationProfile
@@ -98,12 +98,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
     />
 </div>
 
-### Additional data
+### Додаткові дані
 
-Using the <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> button at the bottom-right of the elevation profile, you can optionally color the elevation profile by:
+За допомогою кнопки <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> у правому нижньому куті профілю висоти можна за бажанням розфарбувати профіль висоти за:
 
-- **slope** information computed from the elevation data, or
-- **surface** or **category** data coming from <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>'s <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">surface</a> and <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">highway</a> tags.
-  This is only available for files created with **gpx.studio**.
+- даними про **ухил**, обчисленими з даних висоти; або
+- даними про **покриття** чи **категорію дороги** з тегів <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a> <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">surface</a> і <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">highway</a>.
+  Це доступно лише для файлів, створених у **gpx.studio**.
 
-If your selection includes it, you can also visualize: **speed**, **heart rate**, **cadence**, **temperature** and **power** data on the elevation profile.
+Якщо вибраний трек містить відповідні дані, на профілі висоти також можна відобразити **швидкість**, **пульс**, **каденс**, **температуру** та **потужність**.
diff --git a/website/src/lib/docs/uk/getting-started.mdx b/website/src/lib/docs/uk/getting-started.mdx
index 6a20106a8..75fb2bdf9 100644
--- a/website/src/lib/docs/uk/getting-started.mdx
+++ b/website/src/lib/docs/uk/getting-started.mdx
@@ -1,5 +1,5 @@
 ---
-title: Getting started
+title: Перші кроки
 ---
 
 <script lang="ts">
@@ -8,30 +8,30 @@ title: Getting started
 
 # { title }
 
-Welcome to the official guide for **gpx.studio**!
-This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
+Ласкаво просимо до офіційного посібника **gpx.studio**!
+Цей посібник проведе вас через усі компоненти й інструменти інтерфейсу та допоможе впевнено користуватися застосунком.
 
-<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
+<DocsImage src="getting-started/interface" alt="Інтерфейс gpx.studio." />
 
-As shown in the screenshot above, the interface is divided into four main sections organized around the map. 
-Before we dive into the details of each section, let's have a quick overview of the interface.
+Як показано на знімку екрана вище, інтерфейс поділено на чотири основні розділи, розташовані навколо карти. 
+Перед тим, як перейти до деталей кожного розділу, коротко оглянемо інтерфейс.
 
-## Menu
+## Меню
 
-At the top of the interface, you will find the [main menu](./menu).
-This is where you can access common actions such as opening, closing, and exporting files, undoing and redoing actions, and adjusting the application settings.
+У верхній частині інтерфейсу розташоване [головне меню](./menu).
+Тут можна виконувати типові дії: відкривати, закривати й експортувати файли, скасовувати та повторювати дії, а також змінювати налаштування застосунку.
 
 ## Файли та статистика
 
-At the bottom of the interface, you will find the list of files currently open in the application.
-You can click on a file to select it and display its statistics below the list.
-In the [dedicated section](./files-and-stats), we will explain how to select multiple files and switch to a tree layout for advanced file management.
+У нижній частині інтерфейсу розташований список файлів, відкритих у застосунку.
+Клацніть на файл, щоб вибрати його й показати статистику під списком.
+В [окремому розділі](./files-and-stats) ми пояснимо, як вибирати кілька файлів і перемикатися на деревоподібне відображення для розширеного керування файлами.
 
-## Toolbar
+## Панель інструментів
 
-On the left side of the interface, you will find the [toolbar](./toolbar), which contains all the tools you can use to edit your files.
+У лівій частині інтерфейсу розташована [панель інструментів](./toolbar) з усіма інструментами для редагування файлів.
 
-## Map controls
+## Керування картою
 
-Finally, on the right side of the interface, you will find the [map controls](./map-controls).
-These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
+Нарешті, у правій частині інтерфейсу розташовані елементи [керування картою](./map-controls).
+Вони дають змогу переміщатися картою, наближати й віддаляти її, а також перемикатися між різними стилями карти.
diff --git a/website/src/lib/docs/uk/gpx.mdx b/website/src/lib/docs/uk/gpx.mdx
index d67245a0c..25e0ece31 100644
--- a/website/src/lib/docs/uk/gpx.mdx
+++ b/website/src/lib/docs/uk/gpx.mdx
@@ -1,5 +1,5 @@
 ---
-title: GPX file format
+title: Формат GPX-файлу
 ---
 
 <script>
@@ -8,27 +8,27 @@ title: GPX file format
 
 # { title }
 
-The <a href="https://www.topografix.com/gpx.asp" target="_blank">GPX file format</a> is an open standard for exchanging GPS data between applications and GPS devices.
-It essentially consists of a series of GPS points encoding one or multiple GPS traces, and, optionally, some points of interest.
+<a href="https://www.topografix.com/gpx.asp" target="_blank">Формат GPX-файлу</a> це відкритий стандарт для обміну GPS-даними між застосунками та GPS-пристроями.
+По суті, він складається з набору GPS-точок, які описують один або кілька GPS-треків, а також, за бажанням, точки інтересу.
 
-GPX files may also contain metadata, of which the **name** and **description** fields are the most useful for users.
+GPX-файли також можуть містити метадані, серед яких для користувачів найкорисніші поля **назва** та **опис**.
 
-### <Waypoints size="16" class="inline-block" style="margin-bottom: 2px" /> Tracks, segments, and GPS points
+### <Waypoints size="16" class="inline-block" style="margin-bottom: 2px" /> Треки, сегменти та GPS-точки
 
-As mentioned above, a GPX file can contain multiple GPS traces.
-These are organized in a hierarchical structure, with tracks at the top level.
+Як згадано вище, GPX-файл може містити кілька GPS-треків.
+Вони організовані в ієрархічну структуру, де треки розташовані на верхньому рівні.
 
-- A **track** is made of a sequence of disconnected segments.
-  Furthermore, it can contain metadata such as a **name**, a **description**, and **appearance properties**.
-- A **segment** is a sequence of GPS points that form a continuous path.
-- A **GPS point** is a location with a latitude, a longitude, and optionally a timestamp and an altitude.
-  Some devices also store additional information such as heart rate, cadence, temperature, and power.
+- **Трек** складається з послідовності окремих сегментів.
+  Крім того, він може містити метадані, такі як **назва**, **опис** і **властивості вигляду**.
+- **Сегмент** — це послідовність GPS-точок, які утворюють безперервний шлях.
+- **GPS-точка** — це місце з широтою, довготою, також додатково часовою міткою й висотою.
+  Деякі пристрої також зберігають додаткову інформацію, такі як пульс, каденс, температуру та потужність.
 
-In most cases, GPX files contain a single track with a single segment.
-However, the hierarchy described above allows for more advanced use cases, such as planning multi-day trips with several variants for each day.
+У більшості випадків GPX-файли містять один трек з одним сегментом.
+Однак описана вище ієрархія дає змогу використовувати складніші сценарії, наприклад планувати багатоденні подорожі з кількома варіантами маршруту на кожен день.
 
-### <MapPin size="16" class="inline-block" style="margin-bottom: 2px" /> Points of interest
+### <MapPin size="16" class="inline-block" style="margin-bottom: 2px" /> Точки інтересу
 
-**Points of interest** (technically called _waypoints_) represent locations of interest to show either on a GPS device or on a digital map.
+**Точки інтересу** (технічно вони називаються **waypoints**) позначають цікаві місця, які можна показувати на GPS-пристрої або цифровій карті.
 
-In addition to its coordinates, a point of interest can have a **name** and a **description**.
+Окрім координат, точка інтересу може мати **назву** та **опис**.
diff --git a/website/src/lib/docs/uk/integration.mdx b/website/src/lib/docs/uk/integration.mdx
index 25023a999..402d0c052 100644
--- a/website/src/lib/docs/uk/integration.mdx
+++ b/website/src/lib/docs/uk/integration.mdx
@@ -1,5 +1,5 @@
 ---
-title: Integration
+title: Інтеграція
 ---
 
 <script>
@@ -9,18 +9,18 @@ title: Integration
 
 # { title }
 
-You can use **gpx.studio** to create maps showing your GPX files and embed them in your website.
+Ви можете використовувати **gpx.studio**, щоб створювати карти з вашими GPX-файлами та вбудовувати їх на свій сайт.
 
-All you need is:
+Все, що вам потрібно:
 
-1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
-2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
+1. GPX-файли, розміщені на вашому сервері чи Google Drive або доступні за публічною URL-адресою;
+2. _Необов’язково:_ <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">ключ MapTiler</a> для завантаження карт MapTiler.
 
-You can then play with the configurator below to customize your map and generate the corresponding HTML code.
+Після цього можна скористатися конфігуратором нижче, щоб налаштувати карту та згенерувати відповідний HTML-код.
 
 <DocsNote type="warning">
 
-You will need to set up <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">Cross-Origin Resource Sharing (CORS)</a> headers on your server to allow <b>gpx.studio</b> to load your GPX files.
+На вашому сервері потрібно буде налаштувати заголовки <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">Cross-Origin Resource Sharing (CORS)</a>, щоб дозволити <b>gpx.studio</b> завантажувати ваші GPX-файли.
 
 </DocsNote>
 
diff --git a/website/src/lib/docs/uk/map-controls.mdx b/website/src/lib/docs/uk/map-controls.mdx
index 14e163f34..a7e32a3bc 100644
--- a/website/src/lib/docs/uk/map-controls.mdx
+++ b/website/src/lib/docs/uk/map-controls.mdx
@@ -1,5 +1,5 @@
 ---
-title: Map controls
+title: Керування картою
 ---
 
 <script>
@@ -10,63 +10,63 @@ title: Map controls
 
 # { title }
 
-The map controls are located on the right side of the interface.
-These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
+Елементи керування картою розташовані в правій частині інтерфейсу.
+Вони дають змогу переміщатися картою, наближати й віддаляти її, а також перемикатися між різними стилями карти.
 
-### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
+### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Карта навігації
 
-The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
+Елементи керування вгорі дають змогу наближати <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> і віддаляти <Minus size="16" class="inline-block" style="margin-bottom: 2px" /> карту, а також змінювати її орієнтацію та нахил <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
 
 <DocsNote>
 
-To control the orientation and tilt of the map, you can also drag the map while holding <kbd>Ctrl</kbd>.
+Щоб керувати орієнтацією та нахилом карти, також можна перетягувати карту, утримуючи <kbd>Ctrl</kbd>.
 
 </DocsNote>
 
-### <Search size="16" class="inline-block" style="margin-bottom: 2px" /> Search bar
+### <Search size="16" class="inline-block" style="margin-bottom: 2px" /> Панель пошуку
 
-You can use the search bar to look for an address and navigate to it on the map.
+Рядок пошуку можна використовувати, щоб знайти адресу та перейти до неї на карті.
 
-### <LocateFixed size="16" class="inline-block" style="margin-bottom: 2px" /> Locate button
+### <LocateFixed size="16" class="inline-block" style="margin-bottom: 2px" /> Кнопка визначення місцезнаходження
 
-The locate button centers the map on your current location.
+Кнопка визначення місцезнаходження центрує карту на вашому поточному місці.
 
 <DocsNote>
 
-This only works if you have allowed your browser and <b>gpx.studio</b> to access your location.
+Це працює лише тоді, коли ви дозволили браузеру та <b>gpx.studio</b> доступ до свого місцезнаходження.
 
 </DocsNote>
 
-### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Street view
+### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Перегляд вулиць
 
-This button can be used to enable street view mode on the map.
-Depending on the street view source chosen in the [settings](./menu/settings), street view imagery can be accessed differently.
+Ця кнопка вмикає режим перегляду вулиць на карті.
+Залежно від джерела перегляду вулиць, вибраного в [налаштуваннях](./menu/settings), зображення перегляду вулиць відкриваються по-різному.
 
-- <a href="https://www.mapillary.com/" target="_blank">Mapillary</a>: the street view coverage will appear as green lines on the map. When zoomed in enough, green dots will show the exact locations where street view imagery is available. Hovering over a green dot will show the street view image at that location.
-- <a href="https://www.google.com/streetview/" target="_blank">Google Street View</a>: click on the map to open a new tab with the street view imagery at that location.
+- <a href="https://www.mapillary.com/" target="_blank">Mapillary</a>: покриття перегляду вулиць відображатиметься на карті зеленими лініями. За достатнього наближення зелені точки показуватимуть точні місця, де доступні зображення перегляду вулиць. Наведення на зелену точку покаже зображення перегляду вулиць у цьому місці.
+- <a href="https://www.google.com/streetview/" target="_blank">Google Street View</a>: клацніть на карті, щоб відкрити нову вкладку із зображенням перегляду вулиць у цьому місці.
 
-### <Layers size="16" class="inline-block" style="margin-bottom: 2px" /> Map layers
+### <Layers size="16" class="inline-block" style="margin-bottom: 2px" /> Шари карти
 
-The map layers button allows you to switch between different basemaps, and toggle map overlays and categories of points of interest.
+Кнопка шарів карти дає змогу перемикатися між різними базовими картами, а також показувати або сховати накладені шари карти й категорії точок інтересу.
 
-- **Basemaps** are background maps that present the main geographic features of the world.
-  Depending on their purpose, basemaps have different styles and levels of detail.
-  Only one basemap can be displayed at a time.
-- **Overlays** are additional layers that can be displayed on top of the basemap to provide complementary information.
-- **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
+- **Базові карти** — це фонові карти, які показують основні географічні об’єкти світу.
+  Залежно від призначення, базові карти мають різні стилі та рівні деталізації.
+  Одночасно може відображатися лише одна базова карта.
+- **Накладені шари** — це додаткові шари, які можна відображати поверх базової карти для надання додаткової інформації.
+- **Точки інтересу** можна додавати на карту, щоб показувати різні категорії місць, наприклад магазини, ресторани або житло.
 
 <div class="flex flex-col items-center">
 <DocsLayers />
 <span class="text-sm text-center mt-2">
 
-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Наведіть курсор на карту, щоб показати накладений шар <a href="https://hiking.waymarkedtrails.org" target="_blank">пішохідних маршрутів Waymarked Trails</a> поверх топографічної базової карти.
 
 </span>
 </div>
 
-A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.
-They can be enabled in the [map layer settings dialog](./menu/settings).
+У **gpx.studio** доступна велика колекція глобальних і локальних базових карт та накладених шарів, а також добірка категорій точок інтересу.
+Їх можна ввімкнути в діалоговому вікні [налаштувань шарів карти](./menu/settings).
 
-In these settings, you can also manage the opacity of the overlays.
+У цих налаштуваннях також можна керувати прозорістю накладених шарів.
 
-For advanced users, it is possible to add custom basemaps and overlays by providing <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a>, or <a href="https://maplibre.org/maplibre-style-spec/" target="_blank">MapLibre style JSON</a> URLs.
+Для досвідчених користувачів є можливість додавати власні базові карти та накладені шари, указавши URL-адреси <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a> або <a href="https://maplibre.org/maplibre-style-spec/" target="_blank">MapLibre JSON</a>.
diff --git a/website/src/lib/docs/uk/menu.mdx b/website/src/lib/docs/uk/menu.mdx
index db6245de9..de5f55671 100644
--- a/website/src/lib/docs/uk/menu.mdx
+++ b/website/src/lib/docs/uk/menu.mdx
@@ -1,5 +1,5 @@
 ---
-title: Menu
+title: Меню
 ---
 
 <script lang="ts">
@@ -8,10 +8,10 @@ title: Menu
 
 # { title }
 
-The main menu, located at the top of the interface, provides access to actions, options, and settings divided into several categories, explained separately in the following sections.
+У верхній частині інтерфейсу розташоване головне меню. Воно дає доступ до дій, параметрів і налаштувань, поділених на кілька категорій, які описано нижче.
 
 <DocsNote>
 
-Most of the menu actions can also be performed using the keyboard shortcuts displayed in the menu.
+Для більшості дій у меню також доступні комбінації клавіш, які показано поруч із відповідними пунктами меню.
 
 </DocsNote>
diff --git a/website/src/lib/docs/uk/menu/file.mdx b/website/src/lib/docs/uk/menu/file.mdx
index e2c23930a..782647d54 100644
--- a/website/src/lib/docs/uk/menu/file.mdx
+++ b/website/src/lib/docs/uk/menu/file.mdx
@@ -1,5 +1,5 @@
 ---
-title: File actions
+title: Дії з файлом
 ---
 
 <script lang="ts">
@@ -9,41 +9,41 @@ title: File actions
 
 # { title }
 
-The file actions menu contains a set of pretty self-explanatory file operations.
+Меню дій файлу містить набір доволі очевидних операцій із файлами.
 
-### <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> New
+### <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> Новий
 
-Create a new empty file.
+Створити новий порожній файл.
 
-### <FolderOpen size="16" class="inline-block" style="margin-bottom: 2px" /> Open...
+### <FolderOpen size="16" class="inline-block" style="margin-bottom: 2px" /> Відкрити...
 
 Відкрити файли з комп'ютера. 
 
 <DocsNote>
 
-You can also drag and drop files directly from your file system into the window.
+Ви також можете перетягувати файли безпосередньо з файлової системи у вікно.
 
 </DocsNote>
 
-### <Copy size="16" class="inline-block" style="margin-bottom: 2px" /> Duplicate
+### <Copy size="16" class="inline-block" style="margin-bottom: 2px" /> Дублювати
 
-Create a copy of the currently selected files.
+Створити копію обраних файлів.
 
-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Видалити
 
-Delete the currently selected files.
+Видалити обрані файли.
 
-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Видалити все
 
-Delete all files.
+Видалити всі файли.
 
-### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Export...
+### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Експортувати...
 
-Open the export dialog to save the currently selected files to your computer.
+Відкрийте діалогове вікно експорту, щоб зберегти поточні обрані файли на ваш комп'ютер.
 
-### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Export all...
+### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Експортувати все...
 
-Open the export dialog to save all files to your computer.
+Відкрийте діалог експорту для збереження всіх файлів на ваш комп'ютер.
 
 <DocsNote type="warning">
 
diff --git a/website/src/lib/docs/uk/menu/settings.mdx b/website/src/lib/docs/uk/menu/settings.mdx
index 9e6ade41b..c91ea2bcc 100644
--- a/website/src/lib/docs/uk/menu/settings.mdx
+++ b/website/src/lib/docs/uk/menu/settings.mdx
@@ -1,5 +1,5 @@
 ---
-title: Settings
+title: Налаштування
 ---
 
 <script lang="ts">
@@ -9,22 +9,22 @@ title: Settings
 
 # { title }
 
-### <Ruler size="16" class="inline-block" style="margin-bottom: 2px" /> Distance units
+### <Ruler size="16" class="inline-block" style="margin-bottom: 2px" /> Одиниці відстані
 
-Change the units used to display distances in the interface.
+Змінити одиниці виміру для відображення відстаней в інтерфейсі.
 
-### <Zap size="16" class="inline-block" style="margin-bottom: 2px" /> Velocity units
+### <Zap size="16" class="inline-block" style="margin-bottom: 2px" /> Одиниці швидкості
 
-Change the units used to display velocities in the interface.
-You can choose between distance per hour or minutes per distance, which can be more suitable for running activities.
+Змінити одиниці виміру для відображення швидкостей в інтерфейсі.
+Ви можете вибрати між відстанню за годину або хвилинами на одиницю відстані, що може бути зручнішим для бігових активностей.
 
-### <Thermometer size="16" class="inline-block" style="margin-bottom: 2px" /> Temperature units
+### <Thermometer size="16" class="inline-block" style="margin-bottom: 2px" /> Одиниці температури
 
-Change the units used to display temperatures in the interface.
+Змінити одиниці виміру для відображення температур в інтерфейсі.
 
-### <Languages size="16" class="inline-block" style="margin-bottom: 2px" /> Language
+### <Languages size="16" class="inline-block" style="margin-bottom: 2px" /> Мова
 
-Change the language used in the interface.
+Змінити мову, яка використовується в інтерфейсі.
 
 <DocsNote>
 
@@ -34,17 +34,17 @@ Change the language used in the interface.
 
 </DocsNote>
 
-### <Sun size="16" class="inline-block" style="margin-bottom: 2px" /> Theme
+### <Sun size="16" class="inline-block" style="margin-bottom: 2px" /> Тема
 
-Change the theme used in the interface.
+Змінити тему, яка використана в інтерфейсі.
 
-### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Street view source
+### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Джерело перегляду вулиці
 
-Change the source used for the [street view control](../map-controls).
-The default one is <a href="https://www.mapillary.com" target="_blank">Mapillary</a>, but you can also use <a href="https://www.google.com/streetview/" target="_blank">Google Street View</a>.
-Learn more about how to use the street view control in the [map controls section](../map-controls).
+Змінити джерело, що використовується для [панелі перегляду вулиці](../map-controls).
+За замовчуванням використовується <a href="https://www.mapillary.com" target="_blank">Mapillary</a>, але ви також можете скористатися <a href="https://www.google.com/streetview/" target="_blank">Google Street View</a>.
+Дізнатися більше про те, як використовувати контроль над вулицею в [панелі перегляду вулиці](../map-controls).
 
-### <Layers size="16" class="inline-block" style="margin-bottom: 2px" /> Map layers...
+### <Layers size="16" class="inline-block" style="margin-bottom: 2px" /> Шари мапи...
 
-Open a dialog where you can enable or disable map layers, add custom ones, change the opacity of overlays, and more.
-More information about map layers can be found in the [map controls section](../map-controls).
+Відкрити діалог налаштування шарів: вмикання/вимикання, додавання власних, регулювання прозорості накладень та інше.
+Детальну інформацію про шари карти можна знайти в [розділі керування картою](../map-controls).
diff --git a/website/src/lib/docs/uk/menu/view.mdx b/website/src/lib/docs/uk/menu/view.mdx
index b946d6c7b..352a8cb9f 100644
--- a/website/src/lib/docs/uk/menu/view.mdx
+++ b/website/src/lib/docs/uk/menu/view.mdx
@@ -1,5 +1,5 @@
 ---
-title: View options
+title: Параметри виду
 ---
 
 <script lang="ts">
@@ -9,46 +9,46 @@ title: View options
 
 # { title }
 
-This menu provides options to rearrange the interface and the map view.
+Це меню надає можливість налаштовувати інтерфейс та вигляд карти.
 
-### <ChartArea size="16" class="inline-block" style="margin-bottom: 2px" /> Elevation profile
+### <ChartArea size="16" class="inline-block" style="margin-bottom: 2px" /> Профіль висоти
 
-Hide the elevation profile to make room for the map, or show it to inspect the current selection.
+Приховати графік висоти, щоб звільнити більше місця для карти, або відобразіть його, щоб дослідити вибрану ділянку.
 
-### <ListTree size="16" class="inline-block" style="margin-bottom: 2px" /> File tree
+### <ListTree size="16" class="inline-block" style="margin-bottom: 2px" /> Дерево файлів
 
-Toggle the tree layout for the [file list](../files-and-stats).
+Показати або сховати [дерево файлів](../files-and-stats).
 Ця схема ідеально підходить для роботи з великою кількістю відкритих файлів, оскільки вони розміщуються у вигляді вертикального списку в правій частині екрана.
-In addition, the file tree view enables you to inspect the [tracks, segments, and points of interest](../gpx) contained inside the files through collapsible sections.
+Також дерево файлів дає змогу переглядати [треки, сегменти та точки інтересу](../gpx), що містяться всередині файлів, у згортних розділах.
 
-### <Map size="16" class="inline-block" style="margin-bottom: 2px" /> Switch to previous basemap
+### <Map size="16" class="inline-block" style="margin-bottom: 2px" /> Перемкнутися на попередню базову карту
 
-Change the basemap to the one previously selected through the [map layer control](../map-controls).
+Перемкнути базову карту на попередньо вибрану через [керування шарами карти](../map-controls).
 
-### <Layers2 size="16" class="inline-block" style="margin-bottom: 2px" /> Toggle overlays
+### <Layers2 size="16" class="inline-block" style="margin-bottom: 2px" /> Перемкнути накладені шари
 
-Toggle the visibility of the map overlays selected through the [map layer control](../map-controls).
+Перемкнути видимість накладених шарів карти, вибраних через [керування шарами карти](../map-controls).
 
-### <Coins size="16" class="inline-block" style="margin-bottom: 2px" /> Distance markers
+### <Coins size="16" class="inline-block" style="margin-bottom: 2px" /> Позначки відстані
 
-Toggle the visibility of distance markers on the map.
-They are displayed for the current selection, like the [elevation profile](../files-and-stats).
+Перемкнути видимість позначок відстані на карті.
+Позначки відстані відображаються для поточного виділення, як і [профіль висоти](../files-and-stats).
 
-### <Milestone size="16" class="inline-block" style="margin-bottom: 2px" /> Direction arrows
+### <Milestone size="16" class="inline-block" style="margin-bottom: 2px" /> Стрілки напрямку
 
-Toggle the visibility of direction arrows on the map.
+Перемкнути видимість стрілок напрямку.
 
-### <Box size="16" class="inline-block" style="margin-bottom: 2px" /> Toggle 3D
+### <Box size="16" class="inline-block" style="margin-bottom: 2px" /> Перемкнути 3D
 
-Enter or exit the 3D map view.
+Увімкнути або вимкнути режим 3D-карти.
 
 <DocsNote>
 
-To control the orientation and tilt of the map, you can also drag the map while holding <kbd>Ctrl</kbd>.
+Щоб керувати орієнтацією та нахилом карти, також можна перетягувати карту, утримуючи <kbd>Ctrl</kbd>.
 
 </DocsNote>
 
-### <Maximize2 size="16" class="inline-block" style="margin-bottom: 2px" /> Full screen
+### <Maximize2 size="16" class="inline-block" style="margin-bottom: 2px" /> Повноекранний режим
 
-Enter or exit full screen mode.
-You can also press <kbd>F11</kbd> to toggle, or <kbd>Escape</kbd> to exit.
+Увійти або вийти з повноекранного режиму.
+Ви також можете натиснути <kbd>F11</kbd>, щоб перемкнути режим, або <kbd>Escape</kbd>, щоб вийти.
diff --git a/website/src/lib/docs/uk/toolbar.mdx b/website/src/lib/docs/uk/toolbar.mdx
index c936cde7b..9f5103b49 100644
--- a/website/src/lib/docs/uk/toolbar.mdx
+++ b/website/src/lib/docs/uk/toolbar.mdx
@@ -1,5 +1,5 @@
 ---
-title: Toolbar
+title: Панель інструментів
 ---
 
 <script lang="ts">
@@ -18,8 +18,8 @@ title: Toolbar
 
 # { title }
 
-The toolbar is located on the left side of the map and is the heart of the application, as it provides access to the main features of **gpx.studio**.
-Each tool is represented by an icon and can be activated by clicking on it.
+Панель інструментів розташована ліворуч від карти та є серцем застосунку, адже надає доступ до основних можливостей **gpx.studio**.
+Кожен інструмент має значок, за якою його можна активувати.
 
 <div class="flex flex-row justify-center text-foreground">
     <div>
@@ -27,6 +27,6 @@ Each tool is represented by an icon and can be activated by clicking on it.
     </div>
 </div>
 
-As with [edit actions](./menu/edit), most tools can be applied to multiple files at once and to [inner tracks and segments](./gpx).
+Як і [дії редагування](./menu/edit), більшість інструментів можна застосовувати одразу до кількох файлів, а також до [вкладених треків і сегментів](./gpx).
 
-The next sections describe each tool in detail.
+У наступних розділах кожен інструмент описано докладно.
diff --git a/website/src/lib/docs/uk/toolbar/clean.mdx b/website/src/lib/docs/uk/toolbar/clean.mdx
index 5b98149fb..7ea8cfd8f 100644
--- a/website/src/lib/docs/uk/toolbar/clean.mdx
+++ b/website/src/lib/docs/uk/toolbar/clean.mdx
@@ -1,5 +1,5 @@
 ---
-title: Clean
+title: Очищення
 ---
 
 <script>
@@ -9,9 +9,9 @@ title: Clean
 
 # <SquareDashedMousePointer size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
 
-When the clean tool is selected, dragging the map will create a rectangular selection.
+Коли вибрано інструмент очистити, перетягуванням на карті можна створити прямокутне виділення.
 
-Depending on the options selected in the dialog shown below, clicking the delete button will remove GPS points and/or [points of interest](../gpx) located either inside or outside the selection.
+Залежно від параметрів, вибраних у показаному нижче діалоговому вікні, натискання кнопки видалення прибере GPS-точки та/або [точки інтересу](../gpx), розташовані всередині або поза межами виділення.
 
 <div class="flex flex-row justify-center">
     <Clean class="text-foreground p-3 border rounded-md shadow-lg" />
diff --git a/website/src/lib/docs/uk/toolbar/elevation.mdx b/website/src/lib/docs/uk/toolbar/elevation.mdx
index 55e7c7f52..6445e0fa1 100644
--- a/website/src/lib/docs/uk/toolbar/elevation.mdx
+++ b/website/src/lib/docs/uk/toolbar/elevation.mdx
@@ -1,5 +1,5 @@
 ---
-title: Elevation
+title: Висота
 ---
 
 <script>
@@ -10,7 +10,7 @@ title: Elevation
 
 # <MountainSnow size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
 
-This tool allows you to add elevation data to traces and [points of interest](../gpx), or to replace the existing data.
+Цей інструмент дає змогу додати дані висоти до треків і [точок інтересу](../gpx) або замінити наявні дані.
 
 <div class="flex flex-row justify-center">
     <Elevation class="text-foreground p-3 border rounded-md shadow-lg" />
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..
 
 <DocsNote>
 
-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Дані висоти надає <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
+Докладніше про походження цих даних і їхню точність можна дізнатися в <a href="https://mapterhorn.com/attribution/" target="_blank">документації</a>.
 
 </DocsNote>
diff --git a/website/src/lib/docs/uk/toolbar/extract.mdx b/website/src/lib/docs/uk/toolbar/extract.mdx
index a8fd74c5d..70aaf8230 100644
--- a/website/src/lib/docs/uk/toolbar/extract.mdx
+++ b/website/src/lib/docs/uk/toolbar/extract.mdx
@@ -1,5 +1,5 @@
 ---
-title: Extract
+title: Виокремлення
 ---
 
 <script>
@@ -10,17 +10,17 @@ title: Extract
 
 # <Ungroup size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
 
-This tool allows you to extract [tracks (or segments)](../gpx) from files (or tracks) containing multiple of them.
+Цей інструмент дає змогу виокремити [треки (або сегменти)](../gpx) з файлів (або треків), у яких міститься кілька таких елементів.
 
 <div class="flex flex-row justify-center">
     <Extract class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>
 
-Applying the tool to a file containing multiple tracks will create a new file for each of the tracks it contains.
-Similarly, applying the tool to a track containing multiple segments will create (in the same file) a new track for each of the segments it contains.
+Якщо застосувати інструмент до файлу, який містить кілька треків, для кожного з них буде створено окремий файл.
+Так само, якщо застосувати інструмент до треку, який містить кілька сегментів, буде створено новий трек (у тому самому файлі) для кожного з цих сегментів.
 
 <DocsNote>
 
-When extracting the tracks from a file containing <a href="../gpx">points of interest</a>, the tool will automatically assign each point of interest to the track it is closest to.
+Під час виокремлення треків із файлу, що містить <a href="../gpx">точки інтересу</a>, інструмент автоматично призначить кожну точку інтересу до найближчого до неї треку.
 
 </DocsNote>
diff --git a/website/src/lib/docs/uk/toolbar/merge.mdx b/website/src/lib/docs/uk/toolbar/merge.mdx
index a815beae8..4e712f440 100644
--- a/website/src/lib/docs/uk/toolbar/merge.mdx
+++ b/website/src/lib/docs/uk/toolbar/merge.mdx
@@ -1,5 +1,5 @@
 ---
-title: Merge
+title: Об’єднання
 ---
 
 <script>
@@ -10,16 +10,16 @@ title: Merge
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
 
-To use this tool, you need to [select](../files-and-stats) multiple files, [tracks, or segments](../gpx).
+Щоб скористатися цим інструментом, потрібно [вибрати](../files-and-stats) кілька файлів, [треків або сегментів](../gpx).
 
-- If your goal is to create a single continuous trace from your selection, use the **Connect the traces** option and validate.
-- The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
-  Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
+- Якщо потрібно створити один суцільний трек із вибраного, виберіть параметр **З’єднати треки** та підтвердьте.
+- Другий параметр дає змогу створювати та керувати файлами з кількома [треками або сегментами](../gpx).
+  Після об’єднання файлів (або треків) буде створено один файл (або трек), який міститиме всі вибрані треки (або сегменти).
 
 <DocsNote>
 
-Selected items are merged in the order they appear in the files list.
-Reorder items by drag-and-drop if needed.
+Вибрані елементи об’єднуються в тому порядку, у якому вони відображаються у списку файлів.
+За потреби змініть порядок елементів перетягуванням.
 
 </DocsNote>
 
diff --git a/website/src/lib/docs/uk/toolbar/minify.mdx b/website/src/lib/docs/uk/toolbar/minify.mdx
index 4bf7c9492..35e7b8c3f 100644
--- a/website/src/lib/docs/uk/toolbar/minify.mdx
+++ b/website/src/lib/docs/uk/toolbar/minify.mdx
@@ -1,5 +1,5 @@
 ---
-title: Minify
+title: Зменшення
 ---
 
 <script>
@@ -10,9 +10,9 @@ title: Minify
 
 # <Funnel size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
 
-This tool can be used to reduce the number of GPS points in a trace, which can be useful for decreasing its size.
+Цей інструмент дає змогу зменшити кількість GPS-точок у треку, що допомагає зменшити розмір файлу.
 
-You can adjust the tolerance of the simplification algorithm using the slider, and see the number of points that will be kept, as well as the simplified trace on the map.
+За допомогою повзунка можна налаштувати рівень спрощення, а також побачити кількість точок, які буде збережено, і спрощений трек на карті.
 
 <div class="flex flex-row justify-center">
     <Reduce class="text-foreground p-3 border rounded-md shadow-lg" />
@@ -20,7 +20,7 @@ You can adjust the tolerance of the simplification algorithm using the slider, a
 
 <DocsNote>
 
-The tolerance value represents the maximum distance allowed between the original trace and the simplified trace.
-You can read more about the algorithm used <a href="https://en.wikipedia.org/wiki/Ramer%E2%80%93Douglas%E2%80%93Peucker_algorithm" target="_blank">here</a>.
+Рівень спрощення визначає максимальне допустиме відхилення спрощеного треку від оригінального.
+Докладніше про алгоритм спрощення можна прочитати <a href="https://en.wikipedia.org/wiki/Ramer%E2%80%93Douglas%E2%80%93Peucker_algorithm" target="_blank">тут</a>.
 
 </DocsNote>
diff --git a/website/src/lib/docs/uk/toolbar/poi.mdx b/website/src/lib/docs/uk/toolbar/poi.mdx
index f63fa6494..b1eb96eee 100644
--- a/website/src/lib/docs/uk/toolbar/poi.mdx
+++ b/website/src/lib/docs/uk/toolbar/poi.mdx
@@ -1,5 +1,5 @@
 ---
-title: Points of interest
+title: Точки інтересу
 ---
 
 <script>
@@ -9,19 +9,19 @@ title: Points of interest
 
 # <MapPin size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
 
-[Points of interest](../gpx) can be added to GPX files to mark locations of interest on the map and display them on your GPS device.
+Точки інтересу(../gpx) можна додавати до GPX-файлів, щоб позначати цікаві місця на карті та відображати їх на GPS-пристрої.
 
-### Creating a point of interest
+### Створити точку інтересу
 
-To create a point of interest, fill in the form shown below.
-You can choose the location of the point of interest either by clicking on the map or by entering the coordinates manually.
-Validate the form when you are done.
+Щоб додати точку інтересу, заповніть форму нижче.
+Щоб указати розташування точки інтересу, клацніть на карті або введіть координати вручну.
+Після заповнення збережіть форму.
 
 <div class="flex flex-row justify-center">
     <Waypoint class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>
 
-### Editing a point of interest
+### Редагування точки інтересу
 
-The form above can also be used to edit an existing point of interest after selecting it on the map.
-If you only need to move the point of interest, you can drag it to the desired location.
+Форму вище також можна використовувати для редагування наявної точки інтересу після її вибору на карті.
+Якщо потрібно лише перемістити точку інтересу, перетягніть її в потрібне місце.
diff --git a/website/src/lib/docs/uk/toolbar/routing.mdx b/website/src/lib/docs/uk/toolbar/routing.mdx
index 0a2bb8047..53bcca12f 100644
--- a/website/src/lib/docs/uk/toolbar/routing.mdx
+++ b/website/src/lib/docs/uk/toolbar/routing.mdx
@@ -1,5 +1,5 @@
 ---
-title: Route planning and editing
+title: Планування та редагування маршруту
 ---
 
 <script>
@@ -11,74 +11,74 @@ title: Route planning and editing
 
 # <Pencil size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
 
-The route planning and editing tool allows you to create and edit routes by placing or moving anchor points on the map.
+Інструмент планування та редагування маршруту дає змогу створювати й редагувати маршрути, розміщуючи або переміщуючи точки на карті.
 
-## Settings
+## Налаштування
 
-As shown below, the tool dialog contains a few settings to control the routing behavior.
-You can minimize the dialog to save space by clicking on <button><SquareArrowUpLeft size="16" class="inline-block" style="margin-bottom: 2px" /></button>.
+Як показано нижче, діалогове вікно інструмент містить кілька параметрів, які можна контролювати поведінку побудови маршруту.
+Щоб звільнити місце, діалогове вікно можна згорнути, натиснувши <button><SquareArrowUpLeft size="16" class="inline-block" style="margin-bottom: 2px" /></button>.
 
 <div class="flex flex-row justify-center">
     <Routing minimizable={false} class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>
 
-### <Route size="16" class="inline-block" style="margin-bottom: 2px" /> Routing
+### <Route size="16" class="inline-block" style="margin-bottom: 2px" /> Побудова маршруту
 
-When routing is enabled, anchor points placed or moved on the map will be connected by a route calculated on the <a href="https://www.openstreetmap.org" target="_blank">OpenStreetMap</a> road network.
-Disable routing to connect anchor points with straight lines.
-This setting can also be toggled by pressing <kbd>F5</kbd>.
+Якщо побудову маршруту ввімкнено, точки, які ви розміщуєте або переміщуєте на карті, з’єднуються маршрутом, розрахованим за дорожньою мережею <a href="https://www.openstreetmap.org" target="_blank">OpenStreetMap</a>.
+Вимкніть побудову маршруту, щоб з’єднувати точки прямими лініями.
+Це налаштування також можна перемкнути, натиснувши <kbd>F5</kbd>.
 
-### <Bike size="16" class="inline-block" style="margin-bottom: 2px" /> Activity
+### <Bike size="16" class="inline-block" style="margin-bottom: 2px" /> Активність
 
-Select the activity type to tailor the routes for.
+Виберіть тип активності, для якої прокладати маршрути.
 
-### <TriangleAlert size="16" class="inline-block" style="margin-bottom: 2px" /> Allow private roads
+### <TriangleAlert size="16" class="inline-block" style="margin-bottom: 2px" /> Дозволити приватні дороги
 
-When enabled, the routing engine will consider private roads when computing routes.
+Якщо цей параметр увімкнено, приватні дороги враховуватимуться під час побудови маршрутів.
 
 <DocsNote type="warning">
 
-Only use this option if you have local knowledge of the area and have permission to use the roads in question.
+Використовуйте цей параметр лише тоді, коли добре знаєте місцевість і маєте дозвіл користуватися відповідними дорогами.
 
 </DocsNote>
 
-## Plotting and editing routes
+## Прокладання та редагування маршрутів
 
-Creating a route or extending an existing one is as simple as clicking on the map to place a new anchor point.
+Щоб створити маршрут або продовжити наявний, достатньо клацнути на карті й додати нову точку.
 
-You can also drag an existing anchor point to reroute the segment connecting it with the previous and next anchor point.
+Наявну точку також можна перетягнути, щоб перебудувати сегмент між нею та попередньою і наступною точками.
 
-Furthermore, new anchor points can be inserted between existing ones by hovering over the segment connecting them and dragging the anchor point that appears to the desired location.
-On touch devices, you can tap on the segment to insert a new anchor point.
+Нові точки також можна додавати між наявними: наведіть курсор на сегмент, який їх з’єднує, і перетягніть точку, що з’явиться, у потрібне місце.
+На пристроях із сенсорним екраном торкніться сегмента, щоб вставити нову точку.
 
 <DocsNote>
 
-When editing imported GPX files, an initial set of anchor points is created automatically.
-To ease the editing process, the more the map is zoomed in, the more anchor points are displayed.
-This allows the route to be edited at different levels of detail.
+Під час редагування імпортованих GPX-файлів початковий набір точок створюється автоматично.
+Щоб полегшити редагування, що більше наближено карту, то більше точок відображається.
+Завдяки цьому маршрут можна редагувати з різною деталізацією.
 
 </DocsNote>
 
-Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
+Нарешті, щоб видалити точку, клацніть на неї та виберіть <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Видалити</button> у контекстному меню.
 
-<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
+<DocsImage src="tools/routing" alt="Опорні точки спрощують редагування маршруту." />
 
-## Additional tools
+## Додаткові інструменти
 
-The following tools automate some common route modification operations.
+Інструменти нижче автоматизують деякі типові дії з редагування маршруту.
 
-### <ArrowRightLeft size="16" class="inline-block" style="margin-bottom: 2px" /> Reverse
+### <ArrowRightLeft size="16" class="inline-block" style="margin-bottom: 2px" /> Розвернути
 
-Reverse the direction of the route.
+Змінити напрямок маршруту.
 
-### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> До початку маршруту
 
-Connect the last point of the route with the starting point, using the chosen routing settings.
+Замкнути маршрут до початкової точки з урахуванням вибраних налаштувань побудови маршруту.
 
-### <Repeat size="16" class="inline-block" style="margin-bottom: 2px" /> Round trip
+### <Repeat size="16" class="inline-block" style="margin-bottom: 2px" /> Маршрут туди й назад
 
-Return to the starting point by the same route.
+Повернутися до старту тим самим маршрутом.
 
-### <CirclePlay size="16" class="inline-block" style="margin-bottom: 2px" /> Change the start of the loop
+### <CirclePlay size="16" class="inline-block" style="margin-bottom: 2px" /> Змінити початкову точку кільцевого маршруту
 
-When the end point of the route is close enough to the start, you can change the start of the loop by clicking on any anchor point and selecting <button><CirclePlay size="16" class="inline-block" style="margin-bottom: 2px" /> Start loop here</button> from the context menu.
+Коли кінцева точка маршруту достатньо близько до початкової, можна змінити початок кільцевого маршруту: клацніть будь-яку точку й виберіть <button><CirclePlay size="16" class="inline-block" style="margin-bottom: 2px" /> Почати кільцевий маршрут тут</button> у контекстному меню.
diff --git a/website/src/lib/docs/uk/toolbar/scissors.mdx b/website/src/lib/docs/uk/toolbar/scissors.mdx
index b54aa7775..224054c38 100644
--- a/website/src/lib/docs/uk/toolbar/scissors.mdx
+++ b/website/src/lib/docs/uk/toolbar/scissors.mdx
@@ -1,5 +1,5 @@
 ---
-title: Crop and split
+title: Обрізання та розділення
 ---
 
 <script>
@@ -10,23 +10,23 @@ title: Crop and split
 
 # <ScissorsIcon size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
 
-## Crop
+## Обрізання
 
-Using the slider, you can define the part of the selected trace that you want to keep.
-The start and end markers on the map and the [statistics and elevation profile](../files-and-stats) are updated in real time to reflect the selection.
-Alternatively, you can drag a selection rectangle directly on the elevation profile.
-Validate the selection when you are satisfied with the result.
+За допомогою повзунка можна визначити частину вибраного треку, яку потрібно залишити.
+Початкова й кінцева позначки на карті, а також [статистика та профіль висоти](../files-and-stats) оновлюються в реальному часі відповідно до вибраної частини.
+Також можна виділити потрібну частину, перетягнувши прямокутник безпосередньо на профілі висоти.
+Коли результат вас влаштовує, підтвердьте вибір.
 
 <div class="flex flex-row justify-center">
     <Scissors class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>
 
-## Split
+## Розділення
 
-To split the selected trace into two parts, click on one of the split markers displayed along the trace.
-To split at a specific point of your choice, hover over the trace on the map.
-Scissors will appear at the cursor position, showing that you can split the trace at that point.
+Щоб розділити вибраний трек на дві частини, клацніть одну з позначок розділення, показаних уздовж треку.
+Щоб розділити трек у потрібному місці, наведіть курсор на трек на карті.
+На місці курсора з’явиться значок ножиць, який вказує, що тут можна розділити трек.
 
-You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
+Ви можете розділити трек на два GPX-файли або залишити розділені частини в тому самому файлі як [треки чи сегменти](../gpx).
 
-<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
+<DocsImage src="tools/split" alt="При наведенні на вибраний трек курсор змінюється на значок ножиць." />
diff --git a/website/src/lib/docs/uk/toolbar/time.mdx b/website/src/lib/docs/uk/toolbar/time.mdx
index 6e7afcb23..c1e0294ce 100644
--- a/website/src/lib/docs/uk/toolbar/time.mdx
+++ b/website/src/lib/docs/uk/toolbar/time.mdx
@@ -1,5 +1,5 @@
 ---
-title: Time
+title: Час
 ---
 
 <script>
@@ -10,18 +10,18 @@ title: Time
 
 # <CalendarClock size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
 
-This tool allows you to change or add timestamps to a trace.
-You simply need to use the form shown below and validate it when you are done.
+Цей інструмент дає змогу змінювати або додавати часові мітки до треку.
+Достатньо заповнити форму нижче й підтвердити її після завершення.
 
 <div class="flex flex-row justify-center">
     <Time class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>
 
-When you edit the speed, the moving time is adapted accordingly in the form, and vice versa.
-Similarly, when you edit the start time, the end time is updated to keep the same total duration, and vice versa.
+Коли ви змінюєте швидкість, час руху у формі відповідно оновлюється, і навпаки.
+Аналогічно, під час зміни часу початку час завершення оновлюється, щоб загальна тривалість залишалася незмінною, і навпаки.
 
 <DocsNote>
 
-When using this tool with existing timestamps, changing the time or speed will simply shift, stretch, or compress them accordingly.
+Якщо в треку вже є часові мітки, зміна часу або швидкості лише зсуне, розтягне чи стисне їх відповідно.
 
 </DocsNote>
diff --git a/website/src/locales/eu.json b/website/src/locales/eu.json
index 2b01ceaca..51769a856 100644
--- a/website/src/locales/eu.json
+++ b/website/src/locales/eu.json
@@ -36,7 +36,7 @@
         "switch_basemap": "Aldatu aurreko mapa erabiltzera",
         "toggle_overlays": "Txandakatu geruzak",
         "toggle_3d": "Txandakatu 3D",
-        "fullscreen": "Full screen",
+        "fullscreen": "Pantaila osoa",
         "settings": "Ezarpenak",
         "distance_units": "Distantzia unitateak",
         "metric": "Metrikoa",
@@ -64,7 +64,7 @@
         "ctrl": "Ctrl",
         "click": "Klik",
         "drag": "Arrastatu",
-        "right_click_drag": "Right-click drag",
+        "right_click_drag": "Eskuin klik eta errestan eraman",
         "metadata": {
             "button": "Informazioa...",
             "name": "Izena",
@@ -192,8 +192,8 @@
                 "from": "Hasiera puntua errepide hurbilenetik oso hurrun dago",
                 "via": "Puntua errepide hurbilenetik oso hurrun dago",
                 "to": "Bukaera puntua errepide hurbilenetik oso hurrun dago",
-                "distance": "The end point is too far from the start point",
-                "connection": "No connection found between the points",
+                "distance": "Bukaera-puntua hasiera-puntutik urrutiegi dago",
+                "connection": "Ez da konexiorik topatu puntuen artean",
                 "timeout": "Ibilbidea kalkulatzea luzeegi joan da, saiatu hurbilago dauden puntuak gehitzen"
             }
         },
@@ -235,7 +235,7 @@
         },
         "elevation": {
             "button": "Eskatu altueraren datuak",
-            "help": "Requesting elevation data will erase the existing elevation data, if any, and replace it with data from Mapterhorn.",
+            "help": "Kota-datuak eskatzeak lehendik dauden kota-datuak ezabatuko ditu, halakorik balego, eta Mapterhorn-eko datuekin ordezkatuko dira.",
             "help_no_selection": "Aukeratu fitxategi bat altuera datuak eskatzeko."
         },
         "waypoint": {
@@ -277,7 +277,7 @@
             "new": "Geruza pertsonalizatu berria",
             "edit": "Editatu geruza pertsonalizatua",
             "urls": "URLa(k)",
-            "url_placeholder": "WMTS, WMS or MapLibre style JSON",
+            "url_placeholder": "WMTS, WMS edo MapLibre estiloko JSON",
             "max_zoom": "Zoom max",
             "layer_type": "Geruza mota",
             "basemap": "Oinarrizko-mapa",
@@ -305,7 +305,7 @@
             "united_kingdom": "Erresuma Batua",
             "united_states": "Ameriketako Estatu Batuak",
             "libertyTopo": "Liberty Topo",
-            "libertySatellite": "Liberty Satellite",
+            "libertySatellite": "Liberty Satelitea",
             "osm": "OpenMapTiles OSM",
             "osmTopo": "OpenMapTiles OSM Topo",
             "esriSatellite": "Esri Satellite",
@@ -494,7 +494,7 @@
         "email": "Eposta",
         "contribute": "Lagundu",
         "supported_by": "hauek lagunduta",
-        "features": "Features",
+        "features": "Funtzioak",
         "route_planning": "Bideak planifikatzea",
         "route_planning_description": "OpenStreetMapen datuetan oinarritutako interfaze erabilterraza kirol bakoitzerako ibilbideak sortzeko.",
         "file_processing": "Fitxategien prozesaketa aurreratua",
@@ -503,15 +503,15 @@
         "maps_description": "Oinarrizko mapa, geruza eta interes-puntuen bilduma zabala. Zure aire-libreko ekintzak planifikatzen lagunduko dizu!",
         "data_visualization": "Datuak bistaratzea",
         "data_visualization_description": "Grabatutako ekintzak edo etorkizuneko zure bideak aztertzeko altuera-profil interaktiboa.",
-        "philosophy": "Philosophy",
-        "foss": "Free, ad-free and open source",
-        "foss_description": "The website is free to use, without ads, and the source code is publicly available on GitHub.",
-        "privacy": "Privacy-friendly",
-        "privacy_description": "Your GPX files never leave your browser. No tracking, no data collection.",
-        "community": "Made possible by the community",
-        "community_description": "gpx.studio has an amazing community that has covered its costs through donations for years, while shaping the project through feature suggestions, bug reports, and translations into many languages.",
-        "support_button": "Support gpx.studio on Open Collective",
-        "translate_button": "Help translate the website on Crowdin"
+        "philosophy": "Filosofia",
+        "foss": "Doakoa, propagandarik gabe eta kode irekikoa",
+        "foss_description": "Webgunea doakoa da, iragarkirik gabe, eta iturburu-kodea publikoki eskuragarri dago GitHub-en.",
+        "privacy": "Pribatutasuna zaintzen du",
+        "privacy_description": "Zure GPX fitxategiak ez dira inoiz zure nabigatzailetik irteten. Ez dago jarraipenik, ez datu-bilketarik.",
+        "community": "Komunitateak posible egin du",
+        "community_description": "gpx.studio-k komunitate harrigarri bat du, urte luzez dohaintzen bidez bere kostuak estali dituena, proiektuaren ezaugarri-iradokizunen, akatsen txostenen eta hizkuntza askotarako itzulpenen bidez moldatu dena.",
+        "support_button": "Lagundu gpx.studio Open Collectiveren bidez",
+        "translate_button": "Lagundu webgunea itzultzen Crowdin-en"
     },
     "docs": {
         "translate": "Lagundu itzulpenarekin Crowdinen",
@@ -536,7 +536,7 @@
     },
     "embedding": {
         "title": "Sortu zure mapa",
-        "maptiler_key": "MapTiler key (optional, only required for MapTiler maps)",
+        "maptiler_key": "MapTiler gakoa (aukeran, bakarrik behar da MapTiler mapetan)",
         "file_urls": "Fitxategien URLak (komarekin banatuta)",
         "drive_ids": "Google Drive fitxategien IDak (komarekin banatuta)",
         "basemap": "Oinarrizko-mapa",
diff --git a/website/src/locales/hu.json b/website/src/locales/hu.json
index f5b49809d..7a1d205c3 100644
--- a/website/src/locales/hu.json
+++ b/website/src/locales/hu.json
@@ -28,15 +28,15 @@
         "undo": "Visszavonás ",
         "redo": "Újra",
         "delete": "Törlés",
-        "delete_all": "Delete all",
+        "delete_all": "Összes törlése",
         "select_all": "Összes kijelölése",
         "view": "Nézet",
         "elevation_profile": "Magassági profil",
-        "tree_file_view": "File tree",
+        "tree_file_view": "Adat-fa nézet",
         "switch_basemap": "Váltás az előző alaptérképre",
         "toggle_overlays": "Átfedés váltása",
         "toggle_3d": "3D nézet bekapcsolása",
-        "fullscreen": "Full screen",
+        "fullscreen": "Teljes képernyő",
         "settings": "Beállítások",
         "distance_units": "Távolságmérés mértékegységei",
         "metric": "Metrikus",
@@ -64,7 +64,7 @@
         "ctrl": "Ctrl",
         "click": "Kattints",
         "drag": "Húzza",
-        "right_click_drag": "Right-click drag",
+        "right_click_drag": "Jobb kattintásos mozgatás",
         "metadata": {
             "button": "Infó...",
             "name": "Név",
@@ -82,7 +82,7 @@
         "center": "Középre ",
         "open_in": "Megnyitás itt ",
         "copy_coordinates": "Koordináták másolása",
-        "edit_osm": "Edit in OpenStreetMap"
+        "edit_osm": "Szerkesztés OpenStreetMap-ben"
     },
     "toolbar": {
         "routing": {
@@ -192,8 +192,8 @@
                 "from": "A kiindulási pont túl messze van a legközelebbi úttól",
                 "via": "A köztes pont túl messze van a legközelebbi úttól",
                 "to": "A végpont túl messze van a legközelebbi úttól",
-                "distance": "The end point is too far from the start point",
-                "connection": "No connection found between the points",
+                "distance": "A végpont túl messze van a kezdőponttól",
+                "connection": "Nem található kapcsolat a két pont között",
                 "timeout": "Az útvonal kiszámítása túl sokáig tartott. Próbáljon meg közelebbi pontokat adni egymáshoz"
             }
         },
@@ -224,18 +224,18 @@
             "help_merge_traces": "A kiválasztott útvonalak összekapcsolása egyetlen folyamatos útvonalat hoz létre.",
             "help_cannot_merge_traces": "Kiválasztásának több útvonalat kell tartalmaznia ahhoz, hogy összekapcsolják őket.",
             "help_merge_contents": "A kiválasztott elemek tartalmának egyesítésével az összes tartalom az első elemen belül csoportosul.",
-            "help_cannot_merge_contents": "Your selection must contain several items to merge their contents.",
-            "selection_tip": "Tip: use {KEYBOARD_SHORTCUT} to add items to the selection."
+            "help_cannot_merge_contents": "A kijelölésnek több tételt kell tartalmaznia, ahhoz hogy egybevonható legyen.",
+            "selection_tip": "Tipp: használd a {KEYBOARD_SHORTCUT}, hogy hozzá adj a kijelöléshez."
         },
         "extract": {
-            "tooltip": "Extract contents to separate items",
-            "button": "Extract",
-            "help": "Extracting the contents of the selected items will create a separate item for each of their contents.",
+            "tooltip": "Tartalom szétrobbantása különálló elemekké",
+            "button": "Szétrobbant",
+            "help": "A kijelölt tartalmak szétrobbantása különálló elemeket hoz létre minden egyes elemből.",
             "help_invalid_selection": "Több nyomvonalat kell tartalmazzon a kijelölés a kinyeréshez."
         },
         "elevation": {
             "button": "Magassági információk lekérése",
-            "help": "Requesting elevation data will erase the existing elevation data, if any, and replace it with data from Mapterhorn.",
+            "help": "A \"Magassági adatok lekérése\" törölni fogja a meglévő magassági adatokat és lecseréli a Mapterhorn által szolgáltatott adatokra.",
             "help_no_selection": "Select a file item to request elevation data."
         },
         "waypoint": {
@@ -286,7 +286,7 @@
             "update": "Réteg feltöltése"
         },
         "opacity": "Átfedés átlátszósága",
-        "terrain": "Terrain source",
+        "terrain": "Domborzat forrása",
         "label": {
             "basemaps": "Alaptérkép",
             "overlays": "Térkép rétegek",
@@ -305,7 +305,7 @@
             "united_kingdom": "Anglia",
             "united_states": "Amerika",
             "libertyTopo": "Liberty Topo",
-            "libertySatellite": "Liberty Satellite",
+            "libertySatellite": "Liberty Műhold",
             "osm": "OpenMapTiles OSM",
             "osmTopo": "OpenMapTiles OSM Topo",
             "esriSatellite": "Esri Satellite",
@@ -325,7 +325,7 @@
             "ignFrScan25": "IGN SCAN25",
             "ignFrSatellite": "IGN Műhold",
             "ignEs": "IGN Topo",
-            "ignEsSatellite": "IGN Satellite",
+            "ignEsSatellite": "IGN Műhold",
             "ordnanceSurvey": "Hadifelmérés",
             "norwayTopo": "Norvégia topográfiai térképe 4",
             "finlandTopo": "Lantmäteriverket Tereptérkép",
@@ -333,7 +333,7 @@
             "usgs": "USGS",
             "bikerouterGravel": "kerékpár és terepkerékpár út",
             "cyclOSMlite": "CyclOSM Lite",
-            "mapterhornHillshade": "Mapterhorn Hillshade",
+            "mapterhornHillshade": "Mapterhorn Árnyékolt Domborzat",
             "openRailwayMap": "OpenRailwayMap",
             "swisstopoSlope": "swisstopo Lejtő",
             "swisstopoHiking": "swisstopo Túra",
@@ -363,7 +363,7 @@
             "water": "Víz",
             "shower": "Zuhanyozó",
             "shelter": "Menedék",
-            "cemetery": "Cemetery",
+            "cemetery": "Temető / Sírkert",
             "motorized": "Autók és Motorok",
             "fuel-station": "Benzinkút",
             "parking": "Parkoló",
@@ -374,11 +374,11 @@
             "viewpoint": "Kilátó",
             "hotel": "Hotel",
             "campsite": "Kemping",
-            "hut": "Hut",
+            "hut": "Kunyhó",
             "picnic": "Piknikező hely",
             "summit": "Csúcs",
-            "pass": "Pass",
-            "climbing": "Climbing",
+            "pass": "Hágó",
+            "climbing": "Mászás",
             "bicycle": "Kerékpár",
             "bicycle-parking": "Kerékpár parkoló",
             "bicycle-rental": "Kerékpár bérélés",
@@ -401,12 +401,12 @@
         "temperature": "Hőmérséklet",
         "speed": "Sebesség",
         "pace": "Tempó",
-        "heartrate": "Heart rate",
+        "heartrate": "Pulzusszám",
         "cadence": "Lépés/Pedál ütem",
         "power": "Erő",
         "slope": "Erőkifejtési szintkép színekkel",
         "surface": "Szintkép",
-        "highway": "Category",
+        "highway": "Kategória",
         "time": "Idő",
         "moving": "Moving",
         "total": "Összes",
diff --git a/website/src/locales/uk.json b/website/src/locales/uk.json
index a756320cf..c0eb68715 100644
--- a/website/src/locales/uk.json
+++ b/website/src/locales/uk.json
@@ -13,7 +13,7 @@
         "new_track": "Новий трек",
         "new_segment": "Новий сегмент",
         "open": "Відкрити...",
-        "duplicate": "Дублікат",
+        "duplicate": "Дублювати",
         "copy": "Копіювати",
         "paste": "Вставити",
         "cut": "Вирізати",
@@ -33,10 +33,10 @@
         "view": "Вигляд",
         "elevation_profile": "Профіль рельєфу",
         "tree_file_view": "Дерево файлів",
-        "switch_basemap": "Перехід до попередньої базової карти",
-        "toggle_overlays": "Перемикання накладок",
+        "switch_basemap": "Попередня базова карта",
+        "toggle_overlays": "Перемкнути накладені шари",
         "toggle_3d": "Перемикнути 3D",
-        "fullscreen": "Full screen",
+        "fullscreen": "На весь екран",
         "settings": "Налаштування",
         "distance_units": "Одиниці виміру відстані",
         "metric": "Метричні",
@@ -62,7 +62,7 @@
         "more": "Більше...",
         "donate": "Пожертвувати",
         "ctrl": "Ctrl",
-        "click": "Клац",
+        "click": "Клік мишею",
         "drag": "Перетягти",
         "right_click_drag": "Перетягування правою кнопкою миші",
         "metadata": {
@@ -74,12 +74,12 @@
         "style": {
             "button": "Зовнішність...",
             "color": "Колір",
-            "opacity": "Непрозорість",
+            "opacity": "Прозорість",
             "width": "Ширина"
         },
         "hide": "Приховати",
         "unhide": "Показати",
-        "center": "Центр",
+        "center": "По центру",
         "open_in": "Відкрити в",
         "copy_coordinates": "Копіювати координати",
         "edit_osm": "Редагувати в OpenStreetMap"
@@ -92,7 +92,7 @@
             "use_routing_tooltip": "З'єднати опорні точки через мережу доріг або по прямій лінії, якщо вони недоступні",
             "allow_private": "Дозволити приватні дороги",
             "reverse": {
-                "button": "У зворотньому порядку",
+                "button": "У зворотньому напрямку",
                 "tooltip": "Змінити напрямок маршруту"
             },
             "route_back_to_start": {
@@ -200,29 +200,29 @@
         "scissors": {
             "tooltip": "Обрізати або розділити",
             "crop": "Обрізати",
-            "split_as": "Розділити слід на",
-            "help_invalid_selection": "Виберіть слід для обрізання чи розділення.",
+            "split_as": "Розділити трек на",
+            "help_invalid_selection": "Виберіть трек для обрізання або розділення.",
             "help": "Використовуйте повзунок, щоб обрізати слід, або розділіть його, клацнувши на один з маркерів розбиття або на самому маршруті."
         },
         "time": {
-            "tooltip": "Керування даними часу",
+            "tooltip": "Керувати даними часу",
             "start": "Початок",
             "end": "Кінець",
             "total_time": "Час руху",
             "pick_date": "Оберіть дату",
-            "artificial": "Створюйте реалістичні дані часу",
+            "artificial": "Створити реалістичні дані часу",
             "update": "Оновити дані часу",
             "help": "Скористайтеся формою, щоб встановити нові дані часу.",
             "help_invalid_selection": "Виберіть один трек для керування його часовими даними."
         },
         "merge": {
-            "merge_traces": "З'єднайте треки",
+            "merge_traces": "З'єднати треки",
             "merge_contents": "Об'єднати вміст та зберегти треки від'єднаними",
             "merge_selection": "Об'єднати вибрані",
             "remove_gaps": "Видалити проміжки часу між слідами",
             "tooltip": "Об'єднати елементи",
             "help_merge_traces": "Об'єднання вибраних слідів створить один безперервний слід.",
-            "help_cannot_merge_traces": "Ваш вибір повинен містити декілька слідів для їх об'єднання.",
+            "help_cannot_merge_traces": "Щоб з’єднати треки, вибір має містити кілька треків.",
             "help_merge_contents": "Об'єднання вмісту вибраних елементів згрупує все у першому елементі.",
             "help_cannot_merge_contents": "Ваш вибір має містити декілька елементів для об'єднання їх вмісту.",
             "selection_tip": "Порада: використовуйте {KEYBOARD_SHORTCUT}, щоб додати елементи до виділення."
@@ -235,11 +235,11 @@
         },
         "elevation": {
             "button": "Запит даних висот",
-            "help": "Requesting elevation data will erase the existing elevation data, if any, and replace it with data from Mapterhorn.",
+            "help": "Запит даних висот призведе до видалення наявних даних висот, якщо вони є, і замінить їх даними з Mapterhorn.",
             "help_no_selection": "Виберіть елемент файлу, щоб запросити дані про висоту."
         },
         "waypoint": {
-            "tooltip": "Створення та редагування визначних місць",
+            "tooltip": "Створити та редагувати точки інтересу",
             "icon": "Іконка",
             "link": "Посилання",
             "longitude": "Довгота",
@@ -255,17 +255,17 @@
             "number_of_points": "Кількість точок GPS",
             "button": "Мінімізувати",
             "help": "Використовуйте повзунок, щоб вибрати кількість точок GPS, які потрібно зберегти.",
-            "help_no_selection": "Оберіть слід для зменшення кількості його GPS точок."
+            "help_no_selection": "Виберіть трек, щоб зменшити кількість його GPS-точок."
         },
         "clean": {
             "tooltip": "Очистити GPS точки та точки інтересів, використовуючи прямокутний вибір",
             "delete_trackpoints": "Видалити точки GPS",
             "delete_waypoints": "Видалити цікаві місця",
             "delete_inside": "Видалити всередині виділення",
-            "delete_outside": "Видалити зовнішній вибір",
+            "delete_outside": "Видалити за межами виділення",
             "button": "Видалити",
             "help": "Виберіть прямокутну область на карті, щоб видалити точки GPS та точки інтересу.",
-            "help_no_selection": "Виберіть слід, щоб очистити точки GPS та точки інтересу."
+            "help_no_selection": "Виберіть трек для очищення GPS-точок і точок інтересу."
         }
     },
     "layers": {
@@ -281,15 +281,15 @@
             "max_zoom": "Максимальний зум",
             "layer_type": "Тип шару",
             "basemap": "Базова карта",
-            "overlay": "Накладання",
+            "overlay": "Накладений шар",
             "create": "Створити шар",
             "update": "Оновити шар"
         },
-        "opacity": "Непрозорість накладання",
+        "opacity": "Прозорість накладеного шару",
         "terrain": "Джерело інформації про місцевість",
         "label": {
             "basemaps": "Базові карти",
-            "overlays": "Накладання",
+            "overlays": "Накладені шари",
             "custom": "Користувацька",
             "world": "Світ",
             "countries": "Країни",
@@ -396,7 +396,7 @@
     },
     "quantities": {
         "distance": "Відстань",
-        "elevation": "Підвищення",
+        "elevation": "Висота",
         "elevation_gain_loss": "Набір і втрата висоти",
         "temperature": "Температура",
         "speed": "Швидкість",
@@ -404,7 +404,7 @@
         "heartrate": "Пульс",
         "cadence": "Каденс",
         "power": "Потужність",
-        "slope": "Схил",
+        "slope": "Ухил",
         "surface": "Поверхня",
         "highway": "Категорія",
         "time": "Час",

From 108880f8cd24eee1b45951c21461dc4dec5883fc Mon Sep 17 00:00:00 2001
From: Dobrovolskyi Bohdan <14891109+dobrovolsky@users.noreply.github.com>
Date: Tue, 14 Jul 2026 16:50:51 +0000
Subject: [PATCH 4/9] Update language on map (#365)

---
 website/src/lib/components/map/style.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/website/src/lib/components/map/style.ts b/website/src/lib/components/map/style.ts
index 1852019ae..ab7598276 100644
--- a/website/src/lib/components/map/style.ts
+++ b/website/src/lib/components/map/style.ts
@@ -58,6 +58,7 @@ export class StyleManager {
         opacities.subscribe(() => this.updateOverlays());
         terrainSource.subscribe(() => this.updateTerrain());
         customLayers.subscribe(() => this.updateBasemap());
+        i18n.subscribe(() => this.updateBasemap());
         distanceUnits.subscribe(() => {
             const map = get(this._map);
             if (map && (map.getLayer('contours_m') || map.getLayer('contours_ft'))) {

From deef1bab47a497e33731b0fcede05281d9e641ba Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Tue, 21 Jul 2026 11:11:13 +0200
Subject: [PATCH 5/9] fix embedding playground zoom

---
 website/src/lib/components/embedding/Embedding.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/website/src/lib/components/embedding/Embedding.svelte b/website/src/lib/components/embedding/Embedding.svelte
index 7a776271b..0e3a397ba 100644
--- a/website/src/lib/components/embedding/Embedding.svelte
+++ b/website/src/lib/components/embedding/Embedding.svelte
@@ -21,6 +21,7 @@
     import { selection } from '$lib/logic/selection';
     import { untrack } from 'svelte';
     import { isSelected, toggle } from '$lib/components/map/layer-control/utils';
+    import { boundsManager } from '$lib/logic/bounds';
 
     let {
         useHash = true,
@@ -90,6 +91,7 @@
             fileStateCollection.setEmbeddedFiles(files);
             $fileOrder = ids;
             selection.selectAll();
+            boundsManager.fitBoundsOnLoad(ids);
         });
     }
 

From cb36725a463179fdb348ec368ae7a95aa4a59418 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Tue, 21 Jul 2026 12:00:16 +0200
Subject: [PATCH 6/9] New Crowdin updates (#373)

* New translations en.json (German)

[ci skip]

* New translations view.mdx (German)

[ci skip]
---
 website/src/lib/docs/de/menu/view.mdx | 4 ++--
 website/src/locales/de.json           | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/website/src/lib/docs/de/menu/view.mdx b/website/src/lib/docs/de/menu/view.mdx
index 5fc558ff3..786c503dc 100644
--- a/website/src/lib/docs/de/menu/view.mdx
+++ b/website/src/lib/docs/de/menu/view.mdx
@@ -50,5 +50,5 @@ Um die Ausrichtung und Neigung der Karte zu steuern, können Sie die Karte auch
 
 ### <Maximize2 size="16" class="inline-block" style="margin-bottom: 2px" /> Full screen
 
-Enter or exit full screen mode.
-You can also press <kbd>F11</kbd> to toggle, or <kbd>Escape</kbd> to exit.
+Vollbildmodus ein- oder ausschalten.
+Du kannst auch <kbd>F11</kbd> drücken, um zu wechseln, oder <kbd>Escape</kbd> zum Beenden.
diff --git a/website/src/locales/de.json b/website/src/locales/de.json
index 799ca7ad0..4a574bbe3 100644
--- a/website/src/locales/de.json
+++ b/website/src/locales/de.json
@@ -36,7 +36,7 @@
         "switch_basemap": "Zur vorherigen Basemap wechseln",
         "toggle_overlays": "Overlay umschalten",
         "toggle_3d": "3D umschalten",
-        "fullscreen": "Full screen",
+        "fullscreen": "Vollbildmodus",
         "settings": "Einstellungen",
         "distance_units": "Entfernungseinheiten",
         "metric": "Metrisch",
@@ -235,7 +235,7 @@
         },
         "elevation": {
             "button": "Höhendaten anfragen",
-            "help": "Requesting elevation data will erase the existing elevation data, if any, and replace it with data from Mapterhorn.",
+            "help": "Das Anfordern von Höhendaten löscht die vorhandenen Höhendaten, falls vorhanden, und ersetzt diese durch Daten von Mapterhorn.",
             "help_no_selection": "Wählen Sie ein Datei-Element, um Höhendaten anzufordern."
         },
         "waypoint": {
@@ -305,7 +305,7 @@
             "united_kingdom": "Großbritannien",
             "united_states": "USA",
             "libertyTopo": "Liberty Topo",
-            "libertySatellite": "Liberty Satellite",
+            "libertySatellite": "Liberty Satellit",
             "osm": "OpenMapTiles OSM",
             "osmTopo": "OpenMapTiles OSM Topo",
             "esriSatellite": "Esri Satellite",

From 5259d007c9e517ff1eab0e89ba99fd2fc9b2acf7 Mon Sep 17 00:00:00 2001
From: Dobrovolskyi Bohdan <14891109+dobrovolsky@users.noreply.github.com>
Date: Tue, 21 Jul 2026 13:04:42 +0300
Subject: [PATCH 7/9] Fix Locale subscription (#369)

---
 website/src/lib/i18n.svelte.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/website/src/lib/i18n.svelte.ts b/website/src/lib/i18n.svelte.ts
index 433df3c19..f1aee7ad1 100644
--- a/website/src/lib/i18n.svelte.ts
+++ b/website/src/lib/i18n.svelte.ts
@@ -1,3 +1,5 @@
+import { writable } from 'svelte/store';
+
 type Dictionary = {
     [key: string]: string | Dictionary;
 };
@@ -10,6 +12,7 @@ function getDateFormatter(locale: string) {
 }
 
 class Locale {
+    private _store = writable(this);
     private _lang = $state('');
     private _isLoadingInitial = $state(true);
     private _isLoading = $state(true);
@@ -38,6 +41,7 @@ class Locale {
             }
             import(`../locales/${this._lang}.json`).then((module) => {
                 this.dictionary = module.default;
+                this._store.set(this);
                 if (this._isLoadingInitial) {
                     this._isLoadingInitial = false;
                 }
@@ -67,6 +71,10 @@ class Locale {
     public get df() {
         return this._df;
     }
+
+    public subscribe(run: (value: Locale) => void, invalidate?: (value?: Locale) => void) {
+        return this._store.subscribe(run, invalidate);
+    }
 }
 
 export const i18n = new Locale();

From 2e8b2d6f30a0e3c440bcbb7a1dec9456445a9504 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Tue, 21 Jul 2026 11:20:31 +0200
Subject: [PATCH 8/9] add ukrainian

---
 website/src/lib/languages.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/website/src/lib/languages.ts b/website/src/lib/languages.ts
index ccf055de5..8d18a81ea 100644
--- a/website/src/lib/languages.ts
+++ b/website/src/lib/languages.ts
@@ -10,5 +10,6 @@ export const languages: Record<string, string> = {
     nl: 'Nederlands',
     'pt-BR': 'Português (Brasil)',
     tr: 'Türkçe',
+    uk: 'Українська',
     zh: '简体中文',
 };

From b319440a57f17f9ba47dbf196bd6c9f1879949c2 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Fri, 24 Jul 2026 19:06:39 +0200
Subject: [PATCH 9/9] upgrade to maplibre v6

---
 website/package-lock.json                     | 137 +++++++++---------
 website/package.json                          |   2 +-
 website/src/lib/assets/layers.ts              |   2 +-
 .../map/custom-control/CustomControl.svelte   |   3 +-
 .../map/gpx-layer/gpx-layer-popup.ts          |   3 +-
 .../lib/components/map/gpx-layer/gpx-layer.ts |   5 +-
 .../map/layer-control/LayerControl.svelte     |   3 +-
 .../map/layer-control/OverpassPopup.svelte    |   4 +-
 .../map/layer-control/overpass-layer.ts       |   6 +-
 .../components/map/map-layer-event-manager.ts |  85 +++++------
 website/src/lib/components/map/map-popup.ts   |  16 +-
 website/src/lib/components/map/map.ts         |   4 +-
 .../StreetViewControl.svelte                  |   3 +-
 .../map/street-view-control/google.ts         |   7 +-
 .../map/street-view-control/mapillary.ts      |  18 ++-
 website/src/lib/components/map/style.ts       |  26 ++--
 .../components/toolbar/ToolbarItemMenu.svelte |   6 +-
 .../lib/components/toolbar/tools/Clean.svelte |   4 +-
 .../toolbar/tools/routing/Routing.svelte      |   3 +-
 .../toolbar/tools/routing/routing-controls.ts |  16 +-
 .../toolbar/tools/scissors/split-controls.ts  |   8 +-
 .../toolbar/tools/waypoint/Waypoint.svelte    |   6 +-
 website/src/lib/logic/bounds.ts               |   8 +-
 website/src/lib/logic/statistics-tree.ts      |  12 +-
 website/src/lib/utils.ts                      |   8 +-
 25 files changed, 204 insertions(+), 191 deletions(-)

diff --git a/website/package-lock.json b/website/package-lock.json
index b04c1a725..20ee8b2d4 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -20,7 +20,7 @@
                 "immer": "^10.1.1",
                 "jszip": "^3.10.1",
                 "mapillary-js": "^4.1.2",
-                "maplibre-gl": "^5.21.1",
+                "maplibre-gl": "^6.0.0",
                 "sanitize-html": "^2.17.0",
                 "sortablejs": "^1.15.6"
             },
@@ -3236,13 +3236,18 @@
             }
         },
         "node_modules/@mapbox/jsonlint-lines-primitives": {
-            "version": "2.0.2",
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/@mapbox/jsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.3.tgz",
+            "integrity": "sha512-0SElaV0uMxEnxzBhhX9WTuPyUeMsAN/SS0i16tjuba4/mio63MG9khjC1a0JAiPGXAwvwm4UfHJURCN7nyudQg==",
+            "license": "MIT",
             "engines": {
-                "node": ">= 0.6"
+                "node": ">= 22"
             }
         },
         "node_modules/@mapbox/point-geometry": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@mapbox/point-geometry/-/point-geometry-1.1.0.tgz",
+            "integrity": "sha512-YGcBz1cg4ATXDCM/71L9xveh4dynfGmcLDqufR+nQQy3fKwsAZsWd/x4621/6uJaeB9mwOHE6hPeDgXz9uViUQ==",
             "license": "ISC"
         },
         "node_modules/@mapbox/sphericalmercator": {
@@ -3253,24 +3258,32 @@
             "license": "MIT"
         },
         "node_modules/@mapbox/tiny-sdf": {
-            "version": "2.0.7",
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/@mapbox/tiny-sdf/-/tiny-sdf-2.2.0.tgz",
+            "integrity": "sha512-LVL4wgI9YAum5V+LNVQO6QgFBPw7/MIIY4XJPNsPDMrjEwcE+JfKk1LuIl8GnF197ejVdC9QdPaxrx5gfgdGXg==",
             "license": "BSD-2-Clause"
         },
         "node_modules/@mapbox/unitbezier": {
-            "version": "0.0.1",
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@mapbox/unitbezier/-/unitbezier-1.0.0.tgz",
+            "integrity": "sha512-fqd515fjBmANKGGsQ286E2Wvj/XvDFpGzwJxq4CI6jMQue6Oy04uCKp+JWKF00xRTmk6cEu1jPJ9p3xqH8YWqQ==",
             "license": "BSD-2-Clause"
         },
         "node_modules/@mapbox/vector-tile": {
-            "version": "2.0.4",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@mapbox/vector-tile/-/vector-tile-3.0.0.tgz",
+            "integrity": "sha512-Qf10S1uIHMk20ri/IVBnpS+esUEkVaR5Hftmz88jTInrpmWgPGJfPe3LVjjlE77trLx8tH6qjTG7uWH9hIq/0Q==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "@mapbox/point-geometry": "~1.1.0",
                 "@types/geojson": "^7946.0.16",
-                "pbf": "^4.0.1"
+                "pbf": "^5.0.0"
             }
         },
         "node_modules/@mapbox/vector-tile/node_modules/pbf": {
-            "version": "4.0.1",
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/pbf/-/pbf-5.1.2.tgz",
+            "integrity": "sha512-mnvGdvOrIvJOBGUEdGkrVXjN8E/VkIJCkf2eS1DH2yv82ORUlLttmDt0rWY38yYZmVwciZwBUvHM20qxBZf40w==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "resolve-protobuf-schema": "^2.1.0"
@@ -3279,18 +3292,13 @@
                 "pbf": "bin/pbf"
             }
         },
-        "node_modules/@mapbox/whoots-js": {
-            "version": "3.1.0",
-            "license": "ISC",
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
         "node_modules/@maplibre/geojson-vt": {
-            "version": "6.0.4",
+            "version": "6.1.1",
+            "resolved": "https://registry.npmjs.org/@maplibre/geojson-vt/-/geojson-vt-6.1.1.tgz",
+            "integrity": "sha512-FVMOcmSP/yqol45t7StApEyTL5/vmqBCuFhH9n+fFuINenhaX+YgHHIt1yJ86S8kln3uJLcMvmEU2cfn6E2eCQ==",
             "license": "ISC",
             "dependencies": {
-                "kdbush": "^4.0.2"
+                "kdbush": "^4.1.0"
             }
         },
         "node_modules/@maplibre/maplibre-gl-geocoder": {
@@ -3311,15 +3319,16 @@
             }
         },
         "node_modules/@maplibre/maplibre-gl-style-spec": {
-            "version": "24.8.1",
+            "version": "26.2.1",
+            "resolved": "https://registry.npmjs.org/@maplibre/maplibre-gl-style-spec/-/maplibre-gl-style-spec-26.2.1.tgz",
+            "integrity": "sha512-QFKCXkOeSzOr8jF75jm6kySOg+dUvOehPhRi68gcOYPHb7U5JloUq0dJW0Y5/fZV8ygfT0Vp2RWodvq+fyxFWA==",
             "license": "ISC",
             "dependencies": {
-                "@mapbox/jsonlint-lines-primitives": "~2.0.2",
-                "@mapbox/unitbezier": "^0.0.1",
+                "@mapbox/jsonlint-lines-primitives": "^2.0.3",
+                "@mapbox/unitbezier": "^1.0.0",
                 "json-stringify-pretty-compact": "^4.0.0",
                 "minimist": "^1.2.8",
                 "quickselect": "^3.0.0",
-                "rw": "^1.3.3",
                 "tinyqueue": "^3.0.0"
             },
             "bin": {
@@ -3329,31 +3338,29 @@
             }
         },
         "node_modules/@maplibre/mlt": {
-            "version": "1.1.8",
+            "version": "1.1.12",
+            "resolved": "https://registry.npmjs.org/@maplibre/mlt/-/mlt-1.1.12.tgz",
+            "integrity": "sha512-ZeK5w2TTeHOajcLaEQs1KZXw2V9wIKo1PmThlxlsHoXsQsYlBqLJzPOd6tJHRtGTChUY3DPPmjXRArYVvAbmZw==",
             "license": "(MIT OR Apache-2.0)",
             "dependencies": {
                 "@mapbox/point-geometry": "^1.1.0"
             }
         },
         "node_modules/@maplibre/vt-pbf": {
-            "version": "4.3.0",
+            "version": "4.3.2",
+            "resolved": "https://registry.npmjs.org/@maplibre/vt-pbf/-/vt-pbf-4.3.2.tgz",
+            "integrity": "sha512-j6p0AdjvAR19Z3XaCysle7A4ZSo08tYOzxD0Y9NQylwPAkwJJeYub5b2eVucdeDh7erhv69DahoLOevDRERRUw==",
             "license": "MIT",
             "dependencies": {
                 "@mapbox/point-geometry": "^1.1.0",
-                "@mapbox/vector-tile": "^2.0.4",
-                "@maplibre/geojson-vt": "^5.0.4",
                 "@types/geojson": "^7946.0.16",
-                "@types/supercluster": "^7.1.3",
-                "pbf": "^4.0.1",
-                "supercluster": "^8.0.1"
+                "pbf": "^5.1.0"
             }
         },
-        "node_modules/@maplibre/vt-pbf/node_modules/@maplibre/geojson-vt": {
-            "version": "5.0.4",
-            "license": "ISC"
-        },
         "node_modules/@maplibre/vt-pbf/node_modules/pbf": {
-            "version": "4.0.1",
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/pbf/-/pbf-5.1.2.tgz",
+            "integrity": "sha512-mnvGdvOrIvJOBGUEdGkrVXjN8E/VkIJCkf2eS1DH2yv82ORUlLttmDt0rWY38yYZmVwciZwBUvHM20qxBZf40w==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "resolve-protobuf-schema": "^2.1.0"
@@ -4289,13 +4296,6 @@
             "dev": true,
             "license": "MIT"
         },
-        "node_modules/@types/supercluster": {
-            "version": "7.1.3",
-            "license": "MIT",
-            "dependencies": {
-                "@types/geojson": "*"
-            }
-        },
         "node_modules/@types/three": {
             "version": "0.134.0",
             "license": "MIT"
@@ -5720,6 +5720,8 @@
         },
         "node_modules/json-stringify-pretty-compact": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/json-stringify-pretty-compact/-/json-stringify-pretty-compact-4.0.0.tgz",
+            "integrity": "sha512-3CNZ2DnrpByG9Nqj6Xo8vqbjT4F6N+tb4Gb28ESAZjYZ5yqvmc56J+/kuIwkaAMOyblTQhUW7PxMkUb8Q36N3Q==",
             "license": "MIT"
         },
         "node_modules/jszip": {
@@ -5733,7 +5735,9 @@
             }
         },
         "node_modules/kdbush": {
-            "version": "4.0.2",
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/kdbush/-/kdbush-4.1.0.tgz",
+            "integrity": "sha512-e9vurzrXJQrFX6ckpHP3bvj5l+9CnYzkxDNnNQ1h2QTqdWsUAJgXiKdGNcOa1EY85dU8KbQ+z/FdQdB7P+9yfQ==",
             "license": "ISC"
         },
         "node_modules/keyv": {
@@ -6154,25 +6158,25 @@
             "license": "(MIT AND Zlib)"
         },
         "node_modules/maplibre-gl": {
-            "version": "5.22.0",
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/maplibre-gl/-/maplibre-gl-6.0.0.tgz",
+            "integrity": "sha512-1wBgEhzTZfA+cDpFdt0fM1mJA5mJ90fifORJ7D8JcKLJCvPT/iTx9bNxkP7DqEYde65DJd7gE7h83khwNRqdyg==",
             "license": "BSD-3-Clause",
             "dependencies": {
-                "@mapbox/jsonlint-lines-primitives": "^2.0.2",
                 "@mapbox/point-geometry": "^1.1.0",
-                "@mapbox/tiny-sdf": "^2.0.7",
-                "@mapbox/unitbezier": "^0.0.1",
-                "@mapbox/vector-tile": "^2.0.4",
-                "@mapbox/whoots-js": "^3.1.0",
-                "@maplibre/geojson-vt": "^6.0.4",
-                "@maplibre/maplibre-gl-style-spec": "^24.8.1",
-                "@maplibre/mlt": "^1.1.8",
-                "@maplibre/vt-pbf": "^4.3.0",
+                "@mapbox/tiny-sdf": "^2.2.0",
+                "@mapbox/unitbezier": "^1.0.0",
+                "@mapbox/vector-tile": "^3.0.0",
+                "@maplibre/geojson-vt": "^6.1.1",
+                "@maplibre/maplibre-gl-style-spec": "^26.1.0",
+                "@maplibre/mlt": "^1.1.12",
+                "@maplibre/vt-pbf": "^4.3.2",
                 "@types/geojson": "^7946.0.16",
-                "earcut": "^3.0.2",
+                "earcut": "^3.2.3",
                 "gl-matrix": "^3.4.4",
-                "kdbush": "^4.0.2",
+                "kdbush": "^4.1.0",
                 "murmurhash-js": "^1.0.0",
-                "pbf": "^4.0.1",
+                "pbf": "^5.1.2",
                 "potpack": "^2.1.0",
                 "quickselect": "^3.0.0",
                 "tinyqueue": "^3.0.0"
@@ -6186,11 +6190,15 @@
             }
         },
         "node_modules/maplibre-gl/node_modules/earcut": {
-            "version": "3.0.2",
+            "version": "3.2.3",
+            "resolved": "https://registry.npmjs.org/earcut/-/earcut-3.2.3.tgz",
+            "integrity": "sha512-vnS4AVwp1KHAF13i1vp1/2D5evWy3k5u/iW/B81QVsUZtV8cv2tU0b2VNFlqvh4kYwrFMDdjPCfAmfyJW9y14Q==",
             "license": "ISC"
         },
         "node_modules/maplibre-gl/node_modules/pbf": {
-            "version": "4.0.1",
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/pbf/-/pbf-5.1.2.tgz",
+            "integrity": "sha512-mnvGdvOrIvJOBGUEdGkrVXjN8E/VkIJCkf2eS1DH2yv82ORUlLttmDt0rWY38yYZmVwciZwBUvHM20qxBZf40w==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "resolve-protobuf-schema": "^2.1.0"
@@ -6251,6 +6259,8 @@
         },
         "node_modules/minimist": {
             "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
@@ -6785,6 +6795,8 @@
         },
         "node_modules/quickselect": {
             "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-3.0.0.tgz",
+            "integrity": "sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g==",
             "license": "ISC"
         },
         "node_modules/rbush": {
@@ -6920,10 +6932,6 @@
                 }
             }
         },
-        "node_modules/rw": {
-            "version": "1.3.3",
-            "license": "BSD-3-Clause"
-        },
         "node_modules/rxjs": {
             "version": "7.8.2",
             "license": "Apache-2.0",
@@ -7157,13 +7165,6 @@
                 "xtend": "^4.0.0"
             }
         },
-        "node_modules/supercluster": {
-            "version": "8.0.1",
-            "license": "ISC",
-            "dependencies": {
-                "kdbush": "^4.0.2"
-            }
-        },
         "node_modules/supports-color": {
             "version": "7.2.0",
             "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -7405,6 +7406,8 @@
         },
         "node_modules/tinyqueue": {
             "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/tinyqueue/-/tinyqueue-3.0.0.tgz",
+            "integrity": "sha512-gRa9gwYU3ECmQYv3lslts5hxuIa90veaEcxDYuu3QGOIAEM2mOZkVHp48ANJuu1CURtRdHKUBY5Lm1tHV+sD4g==",
             "license": "ISC"
         },
         "node_modules/totalist": {
diff --git a/website/package.json b/website/package.json
index 36784d0f9..113978a32 100644
--- a/website/package.json
+++ b/website/package.json
@@ -75,7 +75,7 @@
         "immer": "^10.1.1",
         "jszip": "^3.10.1",
         "mapillary-js": "^4.1.2",
-        "maplibre-gl": "^5.21.1",
+        "maplibre-gl": "^6.0.0",
         "sanitize-html": "^2.17.0",
         "sortablejs": "^1.15.6"
     }
diff --git a/website/src/lib/assets/layers.ts b/website/src/lib/assets/layers.ts
index 99b94dde1..389a9e67d 100644
--- a/website/src/lib/assets/layers.ts
+++ b/website/src/lib/assets/layers.ts
@@ -1168,7 +1168,7 @@ export type CustomLayer = {
     maxZoom: number;
     layerType: 'basemap' | 'overlay';
     resourceType: 'raster' | 'vector';
-    value: string | maplibregl.StyleSpecification;
+    value: string | StyleSpecification;
 };
 
 type OverpassQueryData = {
diff --git a/website/src/lib/components/map/custom-control/CustomControl.svelte b/website/src/lib/components/map/custom-control/CustomControl.svelte
index cab4348fb..c5c9ab2d1 100644
--- a/website/src/lib/components/map/custom-control/CustomControl.svelte
+++ b/website/src/lib/components/map/custom-control/CustomControl.svelte
@@ -2,6 +2,7 @@
     import CustomControl from './custom-control';
     import { map } from '$lib/components/map/map';
     import { onMount, type Snippet } from 'svelte';
+    import type { Map } from 'maplibre-gl';
 
     let {
         position = 'top-right',
@@ -17,7 +18,7 @@
     let control: CustomControl | null = null;
 
     onMount(() => {
-        map.onLoad((map: maplibregl.Map) => {
+        map.onLoad((map: Map) => {
             if (position.includes('right')) container.classList.add('float-right');
             else container.classList.add('float-left');
             container.classList.remove('hidden');
diff --git a/website/src/lib/components/map/gpx-layer/gpx-layer-popup.ts b/website/src/lib/components/map/gpx-layer/gpx-layer-popup.ts
index 42905788e..d3393792a 100644
--- a/website/src/lib/components/map/gpx-layer/gpx-layer-popup.ts
+++ b/website/src/lib/components/map/gpx-layer/gpx-layer-popup.ts
@@ -1,9 +1,10 @@
 import { MapPopup } from '$lib/components/map/map-popup';
+import type { Map } from 'maplibre-gl';
 
 export let waypointPopup: MapPopup | null = null;
 export let trackpointPopup: MapPopup | null = null;
 
-export function createPopups(map: maplibregl.Map) {
+export function createPopups(map: Map) {
     removePopups();
     waypointPopup = new MapPopup(map, {
         closeButton: false,
diff --git a/website/src/lib/components/map/gpx-layer/gpx-layer.ts b/website/src/lib/components/map/gpx-layer/gpx-layer.ts
index fe2b227ab..16e7ff816 100644
--- a/website/src/lib/components/map/gpx-layer/gpx-layer.ts
+++ b/website/src/lib/components/map/gpx-layer/gpx-layer.ts
@@ -1,9 +1,10 @@
 import { get, type Readable } from 'svelte/store';
-import maplibregl, {
+import {
     type GeoJSONSource,
     type FilterSpecification,
     type MapLayerMouseEvent,
     type MapLayerTouchEvent,
+    Point,
 } from 'maplibre-gl';
 import { map } from '$lib/components/map/map';
 import { waypointPopup, trackpointPopup } from './gpx-layer-popup';
@@ -120,7 +121,7 @@ export class GPXLayer {
     selected: boolean = false;
     currentWaypointData: GeoJSON.FeatureCollection | null = null;
     draggedWaypointIndex: number | null = null;
-    draggingStartingPosition: maplibregl.Point = new maplibregl.Point(0, 0);
+    draggingStartingPosition: Point = new Point(0, 0);
     unsubscribe: Function[] = [];
 
     updateBinded: () => void = this.update.bind(this);
diff --git a/website/src/lib/components/map/layer-control/LayerControl.svelte b/website/src/lib/components/map/layer-control/LayerControl.svelte
index e91dec96f..bf589dc48 100644
--- a/website/src/lib/components/map/layer-control/LayerControl.svelte
+++ b/website/src/lib/components/map/layer-control/LayerControl.svelte
@@ -7,6 +7,7 @@
     import { Layers } from '@lucide/svelte';
     import { settings } from '$lib/logic/settings';
     import { map } from '$lib/components/map/map';
+    import type { Map } from 'maplibre-gl';
 
     let container: HTMLDivElement;
     let overpassLayer: OverpassLayer;
@@ -21,7 +22,7 @@
         selectedOverpassTree,
     } = settings;
 
-    map.onLoad((_map: maplibregl.Map) => {
+    map.onLoad((_map: Map) => {
         if (overpassLayer) {
             overpassLayer.remove();
         }
diff --git a/website/src/lib/components/map/layer-control/OverpassPopup.svelte b/website/src/lib/components/map/layer-control/OverpassPopup.svelte
index 401c2991a..167d4f892 100644
--- a/website/src/lib/components/map/layer-control/OverpassPopup.svelte
+++ b/website/src/lib/components/map/layer-control/OverpassPopup.svelte
@@ -15,7 +15,9 @@
         poi: PopupItem<any>;
     } = $props();
 
-    let tags: Record<string, string> = $derived(poi ? JSON.parse(poi.item.tags) : {});
+    let tags: Record<string, string> = $derived(
+        poi ? (typeof poi.item.tags == 'object' ? poi.item.tags : JSON.parse(poi.item.tags)) : {}
+    );
     let name = $derived.by(() => {
         if (poi) {
             if (tags.name !== undefined && tags.name !== '') {
diff --git a/website/src/lib/components/map/layer-control/overpass-layer.ts b/website/src/lib/components/map/layer-control/overpass-layer.ts
index 5266e2424..72d9ee7b6 100644
--- a/website/src/lib/components/map/layer-control/overpass-layer.ts
+++ b/website/src/lib/components/map/layer-control/overpass-layer.ts
@@ -6,7 +6,7 @@ import { overpassQueryData } from '$lib/assets/layers';
 import { MapPopup } from '$lib/components/map/map-popup';
 import { settings } from '$lib/logic/settings';
 import { db } from '$lib/db';
-import type { GeoJSONSource } from 'maplibre-gl';
+import type { Map as MapLibreMap, GeoJSONSource } from 'maplibre-gl';
 import { ANCHOR_LAYER_KEY } from '$lib/components/map/style';
 import type { MapLayerEventManager } from '$lib/components/map/map-layer-event-manager';
 import { loadSVGIcon } from '$lib/utils';
@@ -28,7 +28,7 @@ export class OverpassLayer {
     minZoom = 12;
     queryZoom = 12;
     expirationTime = 7 * 24 * 3600 * 1000;
-    map: maplibregl.Map;
+    map: MapLibreMap;
     layerEventManager: MapLayerEventManager;
     popup: MapPopup;
 
@@ -40,7 +40,7 @@ export class OverpassLayer {
     updateBinded = this.update.bind(this);
     onHoverBinded = this.onHover.bind(this);
 
-    constructor(map: maplibregl.Map, layerEventManager: MapLayerEventManager) {
+    constructor(map: MapLibreMap, layerEventManager: MapLayerEventManager) {
         this.map = map;
         this.layerEventManager = layerEventManager;
         this.popup = new MapPopup(map, {
diff --git a/website/src/lib/components/map/map-layer-event-manager.ts b/website/src/lib/components/map/map-layer-event-manager.ts
index ed2f7320b..457e2feb7 100644
--- a/website/src/lib/components/map/map-layer-event-manager.ts
+++ b/website/src/lib/components/map/map-layer-event-manager.ts
@@ -1,10 +1,19 @@
 import { fileStateCollection } from '$lib/logic/file-state';
-import maplibregl from 'maplibre-gl';
+import {
+    LngLatBounds,
+    MapMouseEvent,
+    MapTouchEvent,
+    Point,
+    type Map,
+    type MapGeoJSONFeature,
+    type MapLayerMouseEvent,
+    type MapLayerTouchEvent,
+} from 'maplibre-gl';
 
-type MapLayerMouseEventListener = (e: maplibregl.MapLayerMouseEvent) => void;
-type MapLayerTouchEventListener = (e: maplibregl.MapLayerTouchEvent) => void;
+type MapLayerMouseEventListener = (e: MapLayerMouseEvent) => void;
+type MapLayerTouchEventListener = (e: MapLayerTouchEvent) => void;
 type MapLayerListener = {
-    features: maplibregl.MapGeoJSONFeature[];
+    features: MapGeoJSONFeature[];
     mousemoves: MapLayerMouseEventListener[];
     mouseenters: MapLayerMouseEventListener[];
     mouseleaves: MapLayerMouseEventListener[];
@@ -15,10 +24,10 @@ type MapLayerListener = {
 };
 
 export class MapLayerEventManager {
-    private _map: maplibregl.Map;
+    private _map: Map;
     private _listeners: Record<string, MapLayerListener> = {};
 
-    constructor(map: maplibregl.Map) {
+    constructor(map: Map) {
         this._map = map;
         this._map.on('mousemove', this._handleMouseMove.bind(this));
         this._map.on('click', this._handleMouseClick.bind(this, 'click'));
@@ -141,7 +150,7 @@ export class MapLayerEventManager {
         }
     }
 
-    private _handleMouseMove(e: maplibregl.MapMouseEvent) {
+    private _handleMouseMove(e: MapMouseEvent) {
         if (e.originalEvent.buttons > 0) return;
         const featuresByLayer = this._getRenderedFeaturesByLayer(e);
         Object.keys(this._listeners).forEach((layerId) => {
@@ -150,29 +159,20 @@ export class MapLayerEventManager {
             if ((features.length == 0) != (listener.features.length == 0)) {
                 if (features.length > 0) {
                     if (listener.mouseenters.length > 0) {
-                        const event = new maplibregl.MapMouseEvent(
-                            'mouseenter',
-                            e.target,
-                            e.originalEvent,
-                            {
-                                features: featuresByLayer[layerId]!,
-                            }
-                        );
+                        const event = new MapMouseEvent('mouseenter', e.target, e.originalEvent, {
+                            features: featuresByLayer[layerId]!,
+                        });
                         listener.mouseenters.forEach((l) => l(event));
                     }
                 } else {
                     if (listener.mouseleaves.length > 0) {
-                        const event = new maplibregl.MapMouseEvent(
-                            'mouseleave',
-                            e.target,
-                            e.originalEvent
-                        );
+                        const event = new MapMouseEvent('mouseleave', e.target, e.originalEvent);
                         listener.mouseleaves.forEach((l) => l(event));
                     }
                 }
             }
             if (features.length > 0 && listener.mousemoves.length > 0) {
-                const event = new maplibregl.MapMouseEvent('mousemove', e.target, e.originalEvent, {
+                const event = new MapMouseEvent('mousemove', e.target, e.originalEvent, {
                     features: featuresByLayer[layerId]!,
                 });
                 listener.mousemoves.forEach((l) => l(event));
@@ -181,49 +181,39 @@ export class MapLayerEventManager {
         });
     }
 
-    private _handleMouseClick(type: string, e: maplibregl.MapMouseEvent) {
+    private _handleMouseClick(type: string, e: MapMouseEvent) {
         const featuresByLayer = this._getRenderedFeaturesByLayer(e);
         Object.keys(this._listeners).forEach((layerId) => {
             const features = featuresByLayer[layerId] || [];
             const listener = this._listeners[layerId];
             if (features.length > 0) {
                 if (type === 'click' && listener.clicks.length > 0) {
-                    const event = new maplibregl.MapMouseEvent('click', e.target, e.originalEvent, {
+                    const event = new MapMouseEvent('click', e.target, e.originalEvent, {
                         features: features,
                     });
                     listener.clicks.forEach((l) => l(event));
                 } else if (type === 'contextmenu' && listener.contextmenus.length > 0) {
-                    const event = new maplibregl.MapMouseEvent(
-                        'contextmenu',
-                        e.target,
-                        e.originalEvent,
-                        {
-                            features: features,
-                        }
-                    );
+                    const event = new MapMouseEvent('contextmenu', e.target, e.originalEvent, {
+                        features: features,
+                    });
                     listener.contextmenus.forEach((l) => l(event));
                 } else if (type === 'mousedown' && listener.mousedowns.length > 0) {
-                    const event = new maplibregl.MapMouseEvent(
-                        'mousedown',
-                        e.target,
-                        e.originalEvent,
-                        {
-                            features: features,
-                        }
-                    );
+                    const event = new MapMouseEvent('mousedown', e.target, e.originalEvent, {
+                        features: features,
+                    });
                     listener.mousedowns.forEach((l) => l(event));
                 }
             }
         });
     }
 
-    private _handleTouchStart(e: maplibregl.MapTouchEvent) {
+    private _handleTouchStart(e: MapTouchEvent) {
         const featuresByLayer = this._getRenderedFeaturesByLayer(e);
         Object.keys(this._listeners).forEach((layerId) => {
             const features = featuresByLayer[layerId] || [];
             const listener = this._listeners[layerId];
             if (features.length > 0) {
-                const event: maplibregl.MapLayerTouchEvent = new maplibregl.MapTouchEvent(
+                const event: MapLayerTouchEvent = new MapTouchEvent(
                     'touchstart',
                     e.target,
                     e.originalEvent
@@ -234,18 +224,15 @@ export class MapLayerEventManager {
         });
     }
 
-    private _getBounds(point: maplibregl.Point) {
+    private _getBounds(point: Point) {
         const delta = 30;
-        return new maplibregl.LngLatBounds(
+        return new LngLatBounds(
             this._map.unproject([point.x - delta, point.y + delta]),
             this._map.unproject([point.x + delta, point.y - delta])
         );
     }
 
-    private _filterLayersIntersectingBounds(
-        layerIds: string[],
-        bounds: maplibregl.LngLatBounds
-    ): string[] {
+    private _filterLayersIntersectingBounds(layerIds: string[], bounds: LngLatBounds): string[] {
         let result = layerIds.filter((layerId) => {
             if (!this._map.getLayer(layerId)) return false;
             const fileId = layerId.replace('-waypoints', '');
@@ -261,7 +248,7 @@ export class MapLayerEventManager {
         return result;
     }
 
-    private _getRenderedFeaturesByLayer(e: maplibregl.MapMouseEvent | maplibregl.MapTouchEvent) {
+    private _getRenderedFeaturesByLayer(e: MapMouseEvent | MapTouchEvent) {
         const layerIds = this._filterLayersIntersectingBounds(
             Object.keys(this._listeners),
             this._getBounds(e.point)
@@ -270,7 +257,7 @@ export class MapLayerEventManager {
             layerIds.length > 0
                 ? this._map.queryRenderedFeatures(e.point, { layers: layerIds })
                 : [];
-        const featuresByLayer: Record<string, maplibregl.MapGeoJSONFeature[]> = {};
+        const featuresByLayer: Record<string, MapGeoJSONFeature[]> = {};
         features.forEach((f) => {
             if (!featuresByLayer[f.layer.id]) {
                 featuresByLayer[f.layer.id] = [];
diff --git a/website/src/lib/components/map/map-popup.ts b/website/src/lib/components/map/map-popup.ts
index d65b42386..8e987a0a6 100644
--- a/website/src/lib/components/map/map-popup.ts
+++ b/website/src/lib/components/map/map-popup.ts
@@ -1,5 +1,5 @@
 import { TrackPoint, Waypoint } from 'gpx';
-import maplibregl from 'maplibre-gl';
+import { LngLat, Map, MapMouseEvent, Popup, type PopupOptions } from 'maplibre-gl';
 import { mount, tick, unmount } from 'svelte';
 import { get, writable, type Writable } from 'svelte/store';
 import MapPopupComponent from '$lib/components/map/MapPopup.svelte';
@@ -11,15 +11,15 @@ export type PopupItem<T = Waypoint | TrackPoint | any> = {
 };
 
 export class MapPopup {
-    map: maplibregl.Map;
-    popup: maplibregl.Popup;
+    map: Map;
+    popup: Popup;
     item: Writable<PopupItem | null> = writable(null);
     component: ReturnType<typeof mount>;
     maybeHideBinded = this.maybeHide.bind(this);
 
-    constructor(map: maplibregl.Map, options?: maplibregl.PopupOptions) {
+    constructor(map: Map, options?: PopupOptions) {
         this.map = map;
-        this.popup = new maplibregl.Popup(options);
+        this.popup = new Popup(options);
         this.component = mount(MapPopupComponent, {
             target: document.body,
             props: {
@@ -51,7 +51,7 @@ export class MapPopup {
         this.map.on('mousemove', this.maybeHideBinded);
     }
 
-    maybeHide(e: maplibregl.MapMouseEvent) {
+    maybeHide(e: MapMouseEvent) {
         const item = get(this.item);
         if (item === null) {
             this.hide();
@@ -75,10 +75,10 @@ export class MapPopup {
     getCoordinates() {
         const item = get(this.item);
         if (item === null) {
-            return new maplibregl.LngLat(0, 0);
+            return new LngLat(0, 0);
         }
         return item.item instanceof Waypoint || item.item instanceof TrackPoint
             ? item.item.getCoordinates()
-            : new maplibregl.LngLat(item.item.lon, item.item.lat);
+            : new LngLat(item.item.lon, item.item.lat);
     }
 }
diff --git a/website/src/lib/components/map/map.ts b/website/src/lib/components/map/map.ts
index 7870b3ba9..f89cfca3a 100644
--- a/website/src/lib/components/map/map.ts
+++ b/website/src/lib/components/map/map.ts
@@ -1,5 +1,6 @@
-import maplibregl from 'maplibre-gl';
+import * as maplibregl from 'maplibre-gl';
 import 'maplibre-gl/dist/maplibre-gl.css';
+import workerUrl from 'maplibre-gl/dist/maplibre-gl-worker.mjs?worker&url';
 import MaplibreGeocoder, {
     type MaplibreGeocoderFeatureResults,
 } from '@maplibre/maplibre-gl-geocoder';
@@ -39,6 +40,7 @@ export class MapLibreGLMap {
         geocoder: boolean,
         geolocate: boolean
     ) {
+        maplibregl.setWorkerUrl(workerUrl);
         this._maptilerKey = maptilerKey;
         this._styleManager = new StyleManager(this._mapStore, this._maptilerKey);
         const map = new maplibregl.Map({
diff --git a/website/src/lib/components/map/street-view-control/StreetViewControl.svelte b/website/src/lib/components/map/street-view-control/StreetViewControl.svelte
index 7e8a2edd3..74edd47a6 100644
--- a/website/src/lib/components/map/street-view-control/StreetViewControl.svelte
+++ b/website/src/lib/components/map/street-view-control/StreetViewControl.svelte
@@ -9,6 +9,7 @@
     import { i18n } from '$lib/i18n.svelte';
     import { onMount } from 'svelte';
     import ButtonWithTooltip from '$lib/components/ButtonWithTooltip.svelte';
+    import type { Map } from 'maplibre-gl';
 
     const { streetViewSource } = settings;
 
@@ -20,7 +21,7 @@
     let container: HTMLElement;
 
     onMount(() => {
-        map.onLoad((map_: maplibregl.Map) => {
+        map.onLoad((map_: Map) => {
             googleRedirect = new GoogleRedirect(map_);
             mapillaryLayer = new MapillaryLayer(
                 map_,
diff --git a/website/src/lib/components/map/street-view-control/google.ts b/website/src/lib/components/map/street-view-control/google.ts
index 2d93a15cd..1a0c08335 100644
--- a/website/src/lib/components/map/street-view-control/google.ts
+++ b/website/src/lib/components/map/street-view-control/google.ts
@@ -1,10 +1,11 @@
 import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
+import type { Map, MapMouseEvent } from 'maplibre-gl';
 
 export class GoogleRedirect {
-    map: maplibregl.Map;
+    map: Map;
     enabled = false;
 
-    constructor(map: maplibregl.Map) {
+    constructor(map: Map) {
         this.map = map;
     }
 
@@ -24,7 +25,7 @@ export class GoogleRedirect {
         this.map.off('click', this.openStreetView);
     }
 
-    openStreetView(e: maplibregl.MapMouseEvent) {
+    openStreetView(e: MapMouseEvent) {
         window.open(
             `https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=${e.lngLat.lat},${e.lngLat.lng}`
         );
diff --git a/website/src/lib/components/map/street-view-control/mapillary.ts b/website/src/lib/components/map/street-view-control/mapillary.ts
index 266bd9608..76ce10681 100644
--- a/website/src/lib/components/map/street-view-control/mapillary.ts
+++ b/website/src/lib/components/map/street-view-control/mapillary.ts
@@ -1,4 +1,10 @@
-import maplibregl, { type LayerSpecification, type VectorSourceSpecification } from 'maplibre-gl';
+import {
+    Map,
+    Marker,
+    type LayerSpecification,
+    type MapLayerMouseEvent,
+    type VectorSourceSpecification,
+} from 'maplibre-gl';
 import { Viewer, type ViewerBearingEvent } from 'mapillary-js/dist/mapillary.module';
 import 'mapillary-js/dist/mapillary.css';
 import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
@@ -43,9 +49,9 @@ const mapillaryImageLayer: LayerSpecification = {
 };
 
 export class MapillaryLayer {
-    map: maplibregl.Map;
+    map: Map;
     layerEventManager: MapLayerEventManager;
-    marker: maplibregl.Marker;
+    marker: Marker;
     viewer: Viewer;
 
     active = false;
@@ -56,7 +62,7 @@ export class MapillaryLayer {
     onMouseLeaveBinded = this.onMouseLeave.bind(this);
 
     constructor(
-        map: maplibregl.Map,
+        map: Map,
         layerEventManager: MapLayerEventManager,
         container: HTMLElement,
         popupOpen: { value: boolean }
@@ -75,7 +81,7 @@ export class MapillaryLayer {
         dot.className = 'maplibregl-user-location-dot';
         element.appendChild(dot);
 
-        this.marker = new maplibregl.Marker({
+        this.marker = new Marker({
             rotationAlignment: 'map',
             element,
         });
@@ -140,7 +146,7 @@ export class MapillaryLayer {
         this.popupOpen.value = false;
     }
 
-    onMouseEnter(e: maplibregl.MapLayerMouseEvent) {
+    onMouseEnter(e: MapLayerMouseEvent) {
         if (
             e.features &&
             e.features.length > 0 &&
diff --git a/website/src/lib/components/map/style.ts b/website/src/lib/components/map/style.ts
index ab7598276..45dd92bc6 100644
--- a/website/src/lib/components/map/style.ts
+++ b/website/src/lib/components/map/style.ts
@@ -9,11 +9,17 @@ import {
 } from '$lib/assets/layers';
 import { getLayers } from '$lib/components/map/layer-control/utils';
 import { i18n } from '$lib/i18n.svelte';
+import type {
+    Map,
+    GeoJSONSourceSpecification,
+    LayerSpecification,
+    StyleSpecification,
+} from 'maplibre-gl';
 
 const { currentBasemap, currentOverlays, customLayers, opacities, terrainSource, distanceUnits } =
     settings;
 
-const emptySource: maplibregl.GeoJSONSourceSpecification = {
+const emptySource: GeoJSONSourceSpecification = {
     type: 'geojson',
     data: {
         type: 'FeatureCollection',
@@ -32,18 +38,18 @@ export const ANCHOR_LAYER_KEY = {
     waypoints: 'waypoints-end',
     routingControls: 'routing-controls-end',
 };
-const anchorLayers: maplibregl.LayerSpecification[] = Object.values(ANCHOR_LAYER_KEY).map((id) => ({
+const anchorLayers: LayerSpecification[] = Object.values(ANCHOR_LAYER_KEY).map((id) => ({
     id: id,
     type: 'symbol',
     source: 'empty-source',
 }));
 
 export class StyleManager {
-    private _map: Writable<maplibregl.Map | null>;
+    private _map: Writable<Map | null>;
     private _maptilerKey: string;
     private _pastOverlays: Set<string> = new Set();
 
-    constructor(map: Writable<maplibregl.Map | null>, maptilerKey: string) {
+    constructor(map: Writable<Map | null>, maptilerKey: string) {
         this._map = map;
         this._maptilerKey = maptilerKey;
         this._map.subscribe((map_) => {
@@ -76,10 +82,10 @@ export class StyleManager {
         });
     }
 
-    async buildStyle(basemap: string): Promise<maplibregl.StyleSpecification> {
+    async buildStyle(basemap: string): Promise<StyleSpecification> {
         const custom = get(customLayers);
 
-        const style: maplibregl.StyleSpecification = {
+        const style: StyleSpecification = {
             version: 8,
             projection: {
                 type: 'globe',
@@ -92,7 +98,7 @@ export class StyleManager {
 
         const basemapInfo = basemaps[basemap] ?? custom[basemap]?.value ?? basemaps[defaultBasemap];
 
-        let basemapStyle = basemaps.openStreetMap as maplibregl.StyleSpecification;
+        let basemapStyle = basemaps.openStreetMap as StyleSpecification;
         try {
             basemapStyle = await this.get(basemapInfo);
             for (const source in basemapStyle.sources) {
@@ -203,9 +209,7 @@ export class StyleManager {
         }
     }
 
-    async get(
-        styleInfo: maplibregl.StyleSpecification | string
-    ): Promise<maplibregl.StyleSpecification> {
+    async get(styleInfo: StyleSpecification | string): Promise<StyleSpecification> {
         if (typeof styleInfo === 'string') {
             let styleUrl = styleInfo as string;
             const response = await fetch(styleUrl, { cache: 'force-cache' });
@@ -219,7 +223,7 @@ export class StyleManager {
         }
     }
 
-    merge(style: maplibregl.StyleSpecification, other: maplibregl.StyleSpecification) {
+    merge(style: StyleSpecification, other: StyleSpecification) {
         style.sources = { ...style.sources, ...other.sources };
         const units = get(distanceUnits);
         for (let layer of other.layers ?? []) {
diff --git a/website/src/lib/components/toolbar/ToolbarItemMenu.svelte b/website/src/lib/components/toolbar/ToolbarItemMenu.svelte
index 6744ce47e..6eeff6e81 100644
--- a/website/src/lib/components/toolbar/ToolbarItemMenu.svelte
+++ b/website/src/lib/components/toolbar/ToolbarItemMenu.svelte
@@ -11,7 +11,7 @@
     import Clean from '$lib/components/toolbar/tools/Clean.svelte';
     import Reduce from '$lib/components/toolbar/tools/reduce/Reduce.svelte';
     import RoutingControlPopup from '$lib/components/toolbar/tools/routing/RoutingControlPopup.svelte';
-    import maplibregl from 'maplibre-gl';
+    import { Popup } from 'maplibre-gl';
     import { settings } from '$lib/logic/settings';
 
     let {
@@ -23,11 +23,11 @@
     const { minimizeRoutingMenu } = settings;
 
     let popupElement: HTMLDivElement | undefined = $state(undefined);
-    let popup: maplibregl.Popup | undefined = $derived.by(() => {
+    let popup: Popup | undefined = $derived.by(() => {
         if (!popupElement) {
             return undefined;
         }
-        let popup = new maplibregl.Popup({
+        let popup = new Popup({
             closeButton: false,
             maxWidth: undefined,
         });
diff --git a/website/src/lib/components/toolbar/tools/Clean.svelte b/website/src/lib/components/toolbar/tools/Clean.svelte
index 234b633c6..b15084c33 100644
--- a/website/src/lib/components/toolbar/tools/Clean.svelte
+++ b/website/src/lib/components/toolbar/tools/Clean.svelte
@@ -16,7 +16,7 @@
     import { getURLForLanguage } from '$lib/utils';
     import { Trash2 } from '@lucide/svelte';
     import { map } from '$lib/components/map/map';
-    import type { GeoJSONSource } from 'maplibre-gl';
+    import type { GeoJSONSource, LngLat } from 'maplibre-gl';
     import { selection } from '$lib/logic/selection';
     import { fileActions } from '$lib/logic/file-actions';
     import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
@@ -29,7 +29,7 @@
     let cleanType = $state(CleanType.INSIDE);
     let deleteTrackpoints = $state(true);
     let deleteWaypoints = $state(true);
-    let rectangleCoordinates: maplibregl.LngLat[] = $state([]);
+    let rectangleCoordinates: LngLat[] = $state([]);
 
     $effect(() => {
         if ($map) {
diff --git a/website/src/lib/components/toolbar/tools/routing/Routing.svelte b/website/src/lib/components/toolbar/tools/routing/Routing.svelte
index 891185b33..f0d46fac7 100644
--- a/website/src/lib/components/toolbar/tools/routing/Routing.svelte
+++ b/website/src/lib/components/toolbar/tools/routing/Routing.svelte
@@ -41,6 +41,7 @@
     import { fileActions, getFileIds, newGPXFile } from '$lib/logic/file-actions';
     import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
     import { RoutingControls, routingControls } from './routing-controls';
+    import type { Popup } from 'maplibre-gl';
 
     let {
         minimized = $bindable(false),
@@ -51,7 +52,7 @@
     }: {
         minimized?: boolean;
         minimizable?: boolean;
-        popup?: maplibregl.Popup;
+        popup?: Popup;
         popupElement?: HTMLDivElement;
         class?: string;
     } = $props();
diff --git a/website/src/lib/components/toolbar/tools/routing/routing-controls.ts b/website/src/lib/components/toolbar/tools/routing/routing-controls.ts
index dc976594f..5f3eda69c 100644
--- a/website/src/lib/components/toolbar/tools/routing/routing-controls.ts
+++ b/website/src/lib/components/toolbar/tools/routing/routing-controls.ts
@@ -1,10 +1,12 @@
 import { distance, type Coordinates, TrackPoint, TrackSegment, Track, projectedPoint } from 'gpx';
 import { get, writable, type Readable } from 'svelte/store';
-import maplibregl, {
+import {
     type MapMouseEvent,
     type GeoJSONSource,
     type MapLayerMouseEvent,
     type MapLayerTouchEvent,
+    Popup,
+    Point,
 } from 'maplibre-gl';
 import { route } from './routing';
 import { toast } from 'svelte-sonner';
@@ -50,7 +52,7 @@ export class RoutingControls {
         }
     > = new Map();
     anchors: GeoJSON.Feature<GeoJSON.Point, AnchorProperties>[] = [];
-    popup: maplibregl.Popup;
+    popup: Popup;
     popupElement: HTMLElement;
     fileUnsubscribe: () => void = () => {};
     unsubscribes: Function[] = [];
@@ -61,7 +63,7 @@ export class RoutingControls {
 
     draggedAnchorIndex: number | null = null;
     lastDraggedAnchorEventTime: number = 0;
-    draggingStartingPosition: maplibregl.Point = new maplibregl.Point(0, 0);
+    draggingStartingPosition: Point = new Point(0, 0);
     onMouseEnterBinded: () => void = this.onMouseEnter.bind(this);
     onMouseLeaveBinded: () => void = this.onMouseLeave.bind(this);
     onClickBinded: (e: MapLayerMouseEvent) => void = this.onClick.bind(this);
@@ -80,7 +82,7 @@ export class RoutingControls {
     constructor(
         fileId: string,
         file: Readable<GPXFileWithStatistics | undefined>,
-        popup: maplibregl.Popup,
+        popup: Popup,
         popupElement: HTMLElement
     ) {
         this.fileId = fileId;
@@ -183,7 +185,7 @@ export class RoutingControls {
 
         this.layers.forEach((layer, zoom) => {
             try {
-                let source = map_.getSource(layer.id) as maplibregl.GeoJSONSource | undefined;
+                let source = map_.getSource(layer.id) as GeoJSONSource | undefined;
                 if (source) {
                     source.setData({
                         type: 'FeatureCollection',
@@ -520,7 +522,7 @@ export class RoutingControls {
         });
     }
 
-    async appendAnchor(e: maplibregl.MapMouseEvent) {
+    async appendAnchor(e: MapMouseEvent) {
         // Add a new anchor to the end of the last segment
         if (get(streetViewEnabled) && get(streetViewSource) === 'google') {
             return;
@@ -609,7 +611,7 @@ export class RoutingControls {
         await this.routeBetweenAnchors([lastAnchor, newAnchor], [lastAnchorPoint, newAnchorPoint]);
     }
 
-    addIntermediateAnchor(e: maplibregl.MapMouseEvent) {
+    addIntermediateAnchor(e: MapMouseEvent) {
         e.preventDefault();
 
         if (this.temporaryAnchor !== null) {
diff --git a/website/src/lib/components/toolbar/tools/scissors/split-controls.ts b/website/src/lib/components/toolbar/tools/scissors/split-controls.ts
index bc5bf6d95..1d401e954 100644
--- a/website/src/lib/components/toolbar/tools/scissors/split-controls.ts
+++ b/website/src/lib/components/toolbar/tools/scissors/split-controls.ts
@@ -8,13 +8,13 @@ import { get } from 'svelte/store';
 import { fileStateCollection } from '$lib/logic/file-state';
 import { fileActions } from '$lib/logic/file-actions';
 import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
-import type { GeoJSONSource } from 'maplibre-gl';
+import type { Map, GeoJSONSource, MapLayerMouseEvent } from 'maplibre-gl';
 import { ANCHOR_LAYER_KEY } from '$lib/components/map/style';
 import type { MapLayerEventManager } from '$lib/components/map/map-layer-event-manager';
 import { loadSVGIcon } from '$lib/utils';
 
 export class SplitControls {
-    map: maplibregl.Map;
+    map: Map;
     layerEventManager: MapLayerEventManager;
     unsubscribes: Function[] = [];
 
@@ -22,7 +22,7 @@ export class SplitControls {
     layerOnMouseLeaveBinded: () => void = this.layerOnMouseLeave.bind(this);
     layerOnClickBinded: (e: any) => void = this.layerOnClick.bind(this);
 
-    constructor(map: maplibregl.Map, layerEventManager: MapLayerEventManager) {
+    constructor(map: Map, layerEventManager: MapLayerEventManager) {
         this.map = map;
         this.layerEventManager = layerEventManager;
         loadSVGIcon(
@@ -160,7 +160,7 @@ export class SplitControls {
         mapCursor.notify(MapCursorState.SPLIT_CONTROL, false);
     }
 
-    layerOnClick(e: maplibregl.MapLayerMouseEvent) {
+    layerOnClick(e: MapLayerMouseEvent) {
         let coordinates = (e.features![0].geometry as GeoJSON.Point).coordinates;
         fileActions.split(
             get(splitAs),
diff --git a/website/src/lib/components/toolbar/tools/waypoint/Waypoint.svelte b/website/src/lib/components/toolbar/tools/waypoint/Waypoint.svelte
index d7f3e6e78..deeec8a2b 100644
--- a/website/src/lib/components/toolbar/tools/waypoint/Waypoint.svelte
+++ b/website/src/lib/components/toolbar/tools/waypoint/Waypoint.svelte
@@ -16,7 +16,7 @@
     import { fileActions } from '$lib/logic/file-actions';
     import { map } from '$lib/components/map/map';
     import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
-    import maplibregl from 'maplibre-gl';
+    import { Marker } from 'maplibre-gl';
     import { getSvgForSymbol } from '$lib/components/map/gpx-layer/gpx-layer';
 
     let props: {
@@ -41,7 +41,7 @@
         })
     );
 
-    let marker: maplibregl.Marker | null = null;
+    let marker: Marker | null = null;
 
     function reset() {
         if ($selectedWaypoint) {
@@ -125,7 +125,7 @@
                     let element = document.createElement('div');
                     element.classList.add('w-8', 'h-8');
                     element.innerHTML = getSvgForSymbol(symbolKey);
-                    marker = new maplibregl.Marker({
+                    marker = new Marker({
                         element,
                         anchor: 'bottom',
                     })
diff --git a/website/src/lib/logic/bounds.ts b/website/src/lib/logic/bounds.ts
index c912ece13..8bc239ba9 100644
--- a/website/src/lib/logic/bounds.ts
+++ b/website/src/lib/logic/bounds.ts
@@ -1,6 +1,6 @@
 import { get } from 'svelte/store';
 import { selection } from '$lib/logic/selection';
-import maplibregl from 'maplibre-gl';
+import { LngLatBounds } from 'maplibre-gl';
 import { ListFileItem, ListWaypointItem } from '$lib/components/file-list/file-list';
 import { fileStateCollection, GPXFileStateCollectionObserver } from '$lib/logic/file-state';
 import { gpxStatistics } from '$lib/logic/statistics';
@@ -10,7 +10,7 @@ import type { Coordinates } from 'gpx';
 import { page } from '$app/state';
 
 export class BoundsManager {
-    private _bounds: maplibregl.LngLatBounds = new maplibregl.LngLatBounds();
+    private _bounds: LngLatBounds = new LngLatBounds();
     private _files: Set<string> = new Set();
     private _fileStateCollectionObserver: GPXFileStateCollectionObserver | null = null;
     private _unsubscribes: (() => void)[] = [];
@@ -87,12 +87,12 @@ export class BoundsManager {
         }
         this._unsubscribes.forEach((unsubscribe) => unsubscribe());
         this._unsubscribes = [];
-        this._bounds = new maplibregl.LngLatBounds([180, 90, -180, -90]);
+        this._bounds = new LngLatBounds([180, 90, -180, -90]);
     }
 
     centerMapOnSelection() {
         let selected = get(selection).getSelected();
-        let bounds = new maplibregl.LngLatBounds();
+        let bounds = new LngLatBounds();
 
         if (selected.find((item) => item instanceof ListWaypointItem)) {
             selection.applyToOrderedSelectedItemsFromFile((fileId, level, items) => {
diff --git a/website/src/lib/logic/statistics-tree.ts b/website/src/lib/logic/statistics-tree.ts
index 38d6a6a0c..374294c8c 100644
--- a/website/src/lib/logic/statistics-tree.ts
+++ b/website/src/lib/logic/statistics-tree.ts
@@ -1,16 +1,16 @@
 import { ListItem, ListLevel } from '$lib/components/file-list/file-list';
 import { GPXFile, GPXStatistics, GPXStatisticsGroup, type Track } from 'gpx';
-import maplibregl from 'maplibre-gl';
+import { LngLatBounds } from 'maplibre-gl';
 
 export class GPXStatisticsTree {
     level: ListLevel;
     statistics: {
         [key: string]: GPXStatisticsTree | GPXStatistics;
     } = {};
-    wptBounds: maplibregl.LngLatBounds;
+    wptBounds: LngLatBounds;
 
     constructor(element: GPXFile | Track) {
-        this.wptBounds = new maplibregl.LngLatBounds();
+        this.wptBounds = new LngLatBounds();
         if (element instanceof GPXFile) {
             this.level = ListLevel.FILE;
             element.children.forEach((child, index) => {
@@ -49,11 +49,11 @@ export class GPXStatisticsTree {
         return statistics;
     }
 
-    intersectsBBox(bounds: maplibregl.LngLatBounds): boolean {
+    intersectsBBox(bounds: LngLatBounds): boolean {
         for (let key in this.statistics) {
             const stats = this.statistics[key];
             if (stats instanceof GPXStatistics) {
-                const bbox = new maplibregl.LngLatBounds(
+                const bbox = new LngLatBounds(
                     stats.global.bounds.southWest,
                     stats.global.bounds.northEast
                 );
@@ -67,7 +67,7 @@ export class GPXStatisticsTree {
         return false;
     }
 
-    intersectsWaypointBBox(bounds: maplibregl.LngLatBounds): boolean {
+    intersectsWaypointBBox(bounds: LngLatBounds): boolean {
         return !this.wptBounds.isEmpty() && this.wptBounds.intersects(bounds);
     }
 }
diff --git a/website/src/lib/utils.ts b/website/src/lib/utils.ts
index f5bd8f362..8fe65e61c 100644
--- a/website/src/lib/utils.ts
+++ b/website/src/lib/utils.ts
@@ -3,7 +3,7 @@ import { twMerge } from 'tailwind-merge';
 import { base } from '$app/paths';
 import { languages } from '$lib/languages';
 import { TrackPoint, Waypoint, type Coordinates, crossarcDistance, distance, GPXFile } from 'gpx';
-import maplibregl from 'maplibre-gl';
+import { Map as MapLibreMap, LngLatBounds } from 'maplibre-gl';
 import { pointToTile, pointToTileFraction } from '@mapbox/tilebelt';
 import type { GPXStatisticsTree } from '$lib/logic/statistics-tree';
 import { ListTrackSegmentItem } from '$lib/components/file-list/file-list';
@@ -58,7 +58,7 @@ export function getClosestTrackSegments(
         let segmentBounds = segmentStatistics.global.bounds;
         let northEast = segmentBounds.northEast;
         let southWest = segmentBounds.southWest;
-        let bounds = new maplibregl.LngLatBounds(southWest, northEast);
+        let bounds = new LngLatBounds(southWest, northEast);
         if (bounds.contains(point)) {
             segmentBoundsDistances.push([0, trackIndex, segmentIndex]);
         } else {
@@ -106,7 +106,7 @@ export function getElevation(
     let coordinates = points.map((point) =>
         point instanceof TrackPoint || point instanceof Waypoint ? point.getCoordinates() : point
     );
-    let bbox = new maplibregl.LngLatBounds();
+    let bbox = new LngLatBounds();
     coordinates.forEach((coord) => bbox.extend(coord));
 
     let tiles = coordinates.map((coord) => pointToTile(coord.lon, coord.lat, ELEVATION_ZOOM));
@@ -193,7 +193,7 @@ export function getElevation(
     );
 }
 
-export function loadSVGIcon(map: maplibregl.Map, id: string, svg: string, size: number = 100) {
+export function loadSVGIcon(map: MapLibreMap, id: string, svg: string, size: number = 100) {
     if (!map.hasImage(id)) {
         let icon = new Image(size, size);
         icon.onload = () => {