fix import

New Crowdin updates (#267 )
* New translations extract.mdx (Czech) * New translations extract.mdx (Danish) * New translations extract.mdx (German) * New translations extract.mdx (Greek) * New translations extract.mdx (Basque) * New translations extract.mdx (Finnish) * New translations extract.mdx (Hebrew) * New translations extract.mdx (Hungarian) * New translations extract.mdx (Italian) * New translations extract.mdx (Korean) * New translations extract.mdx (Lithuanian) * New translations extract.mdx (Dutch) * New translations extract.mdx (Norwegian) * New translations extract.mdx (Polish) * New translations extract.mdx (Portuguese) * New translations extract.mdx (Russian) * New translations extract.mdx (Swedish) * New translations extract.mdx (Turkish) * New translations extract.mdx (Ukrainian) * New translations extract.mdx (Chinese Simplified) * New translations extract.mdx (Vietnamese) * New translations extract.mdx (Portuguese, Brazilian) * New translations extract.mdx (Indonesian) * New translations extract.mdx (Thai) * New translations extract.mdx (Latvian) * New translations extract.mdx (Chinese Traditional, Hong Kong) * New translations extract.mdx (Serbian (Latin)) * New translations merge.mdx (Romanian) * New translations merge.mdx (French) * New translations merge.mdx (Spanish) * New translations merge.mdx (Belarusian) * New translations merge.mdx (Catalan) * New translations merge.mdx (Czech) * New translations merge.mdx (Danish) * New translations merge.mdx (German) * New translations merge.mdx (Greek) * New translations merge.mdx (Basque) * New translations merge.mdx (Finnish) * New translations merge.mdx (Hebrew) * New translations merge.mdx (Hungarian) * New translations merge.mdx (Italian) * New translations merge.mdx (Korean) * New translations merge.mdx (Lithuanian) * New translations merge.mdx (Dutch) * New translations merge.mdx (Norwegian) * New translations merge.mdx (Polish) * New translations merge.mdx (Portuguese) * New translations merge.mdx (Russian) * New translations merge.mdx (Swedish) * New translations merge.mdx (Turkish) * New translations merge.mdx (Ukrainian) * New translations merge.mdx (Chinese Simplified) * New translations merge.mdx (Vietnamese) * New translations merge.mdx (Portuguese, Brazilian) * New translations merge.mdx (Indonesian) * New translations merge.mdx (Thai) * New translations merge.mdx (Latvian) * New translations merge.mdx (Chinese Traditional, Hong Kong) * New translations merge.mdx (Serbian (Latin)) * New translations minify.mdx (Romanian) * New translations minify.mdx (French) * New translations minify.mdx (Spanish) * New translations minify.mdx (Belarusian) * New translations minify.mdx (Catalan) * New translations minify.mdx (Czech) * New translations minify.mdx (Danish) * New translations minify.mdx (German) * New translations minify.mdx (Greek) * New translations minify.mdx (Basque) * New translations minify.mdx (Finnish) * New translations minify.mdx (Hebrew) * New translations minify.mdx (Hungarian) * New translations minify.mdx (Italian) * New translations minify.mdx (Korean) * New translations minify.mdx (Lithuanian) * New translations minify.mdx (Dutch) * New translations minify.mdx (Norwegian) * New translations minify.mdx (Polish) * New translations minify.mdx (Portuguese) * New translations minify.mdx (Russian) * New translations minify.mdx (Swedish) * New translations minify.mdx (Turkish) * New translations minify.mdx (Ukrainian) * New translations minify.mdx (Chinese Simplified) * New translations minify.mdx (Vietnamese) * New translations minify.mdx (Portuguese, Brazilian) * New translations minify.mdx (Indonesian) * New translations minify.mdx (Thai) * New translations minify.mdx (Latvian) * New translations minify.mdx (Chinese Traditional, Hong Kong) * New translations minify.mdx (Serbian (Latin)) * New translations poi.mdx (Romanian) * New translations poi.mdx (French) * New translations poi.mdx (Spanish) * New translations poi.mdx (Belarusian) * New translations poi.mdx (Catalan) * New translations poi.mdx (Czech) * New translations poi.mdx (Danish) * New translations poi.mdx (German) * New translations poi.mdx (Greek) * New translations poi.mdx (Basque) * New translations poi.mdx (Finnish) * New translations poi.mdx (Hebrew) * New translations poi.mdx (Hungarian) * New translations poi.mdx (Italian) * New translations poi.mdx (Korean) * New translations poi.mdx (Lithuanian) * New translations poi.mdx (Dutch) * New translations poi.mdx (Norwegian) * New translations poi.mdx (Polish) * New translations poi.mdx (Portuguese) * New translations poi.mdx (Russian) * New translations poi.mdx (Swedish) * New translations poi.mdx (Turkish) * New translations poi.mdx (Ukrainian) * New translations poi.mdx (Chinese Simplified) * New translations poi.mdx (Vietnamese) * New translations poi.mdx (Portuguese, Brazilian) * New translations poi.mdx (Indonesian) * New translations poi.mdx (Thai) * New translations poi.mdx (Latvian) * New translations poi.mdx (Chinese Traditional, Hong Kong) * New translations poi.mdx (Serbian (Latin)) * New translations routing.mdx (Romanian) * New translations routing.mdx (French) * New translations routing.mdx (Spanish) * New translations routing.mdx (Belarusian) * New translations routing.mdx (Catalan) * New translations routing.mdx (Danish) * New translations routing.mdx (German) * New translations routing.mdx (Greek) * New translations routing.mdx (Basque) * New translations routing.mdx (Finnish) * New translations routing.mdx (Hebrew) * New translations routing.mdx (Hungarian) * New translations routing.mdx (Italian) * New translations routing.mdx (Korean) * New translations routing.mdx (Lithuanian) * New translations routing.mdx (Dutch) * New translations routing.mdx (Norwegian) * New translations routing.mdx (Polish) * New translations routing.mdx (Portuguese) * New translations routing.mdx (Russian) * New translations routing.mdx (Swedish) * New translations routing.mdx (Turkish) * New translations routing.mdx (Ukrainian) * New translations routing.mdx (Chinese Simplified) * New translations routing.mdx (Vietnamese) * New translations routing.mdx (Portuguese, Brazilian) * New translations routing.mdx (Indonesian) * New translations routing.mdx (Thai) * New translations routing.mdx (Latvian) * New translations routing.mdx (Chinese Traditional, Hong Kong) * New translations routing.mdx (Serbian (Latin)) * New translations scissors.mdx (Romanian) * New translations scissors.mdx (French) * New translations scissors.mdx (Spanish) * New translations scissors.mdx (Belarusian) * New translations scissors.mdx (Catalan) * New translations scissors.mdx (Czech) * New translations scissors.mdx (Danish) * New translations scissors.mdx (German) * New translations scissors.mdx (Greek) * New translations scissors.mdx (Basque) * New translations scissors.mdx (Finnish) * New translations scissors.mdx (Hebrew) * New translations scissors.mdx (Hungarian) * New translations scissors.mdx (Italian) * New translations scissors.mdx (Korean) * New translations scissors.mdx (Lithuanian) * New translations scissors.mdx (Dutch) * New translations scissors.mdx (Norwegian) * New translations scissors.mdx (Polish) * New translations scissors.mdx (Portuguese) * New translations scissors.mdx (Russian) * New translations scissors.mdx (Swedish) * New translations scissors.mdx (Turkish) * New translations scissors.mdx (Ukrainian) * New translations scissors.mdx (Chinese Simplified) * New translations scissors.mdx (Vietnamese) * New translations scissors.mdx (Portuguese, Brazilian) * New translations scissors.mdx (Indonesian) * New translations scissors.mdx (Thai) * New translations scissors.mdx (Latvian) * New translations scissors.mdx (Chinese Traditional, Hong Kong) * New translations scissors.mdx (Serbian (Latin)) * New translations time.mdx (Romanian) * New translations time.mdx (French) * New translations time.mdx (Spanish) * New translations time.mdx (Belarusian) * New translations time.mdx (Catalan) * New translations time.mdx (Czech) * New translations time.mdx (Danish) * New translations time.mdx (German) * New translations time.mdx (Greek) * New translations time.mdx (Basque) * New translations time.mdx (Finnish) * New translations time.mdx (Hebrew) * New translations time.mdx (Hungarian) * New translations time.mdx (Italian) * New translations time.mdx (Korean) * New translations time.mdx (Lithuanian) * New translations time.mdx (Dutch) * New translations time.mdx (Norwegian) * New translations time.mdx (Polish) * New translations time.mdx (Portuguese) * New translations time.mdx (Russian) * New translations time.mdx (Swedish) * New translations time.mdx (Turkish) * New translations time.mdx (Ukrainian) * New translations time.mdx (Chinese Simplified) * New translations time.mdx (Vietnamese) * New translations time.mdx (Portuguese, Brazilian) * New translations time.mdx (Indonesian) * New translations time.mdx (Thai) * New translations time.mdx (Latvian) * New translations time.mdx (Chinese Traditional, Hong Kong) * New translations time.mdx (Serbian (Latin)) * New translations elevation.mdx (Romanian) * New translations elevation.mdx (French) * New translations elevation.mdx (Spanish) * New translations elevation.mdx (Belarusian) * New translations elevation.mdx (Catalan) * New translations elevation.mdx (Czech) * New translations elevation.mdx (Danish) * New translations elevation.mdx (German) * New translations elevation.mdx (Greek) * New translations elevation.mdx (Basque) * New translations elevation.mdx (Finnish) * New translations elevation.mdx (Hebrew) * New translations elevation.mdx (Hungarian) * New translations elevation.mdx (Italian) * New translations elevation.mdx (Korean) * New translations elevation.mdx (Lithuanian) * New translations elevation.mdx (Dutch) * New translations elevation.mdx (Norwegian) * New translations elevation.mdx (Polish) * New translations elevation.mdx (Portuguese) * New translations elevation.mdx (Russian) * New translations elevation.mdx (Swedish) * New translations elevation.mdx (Turkish) * New translations elevation.mdx (Ukrainian) * New translations elevation.mdx (Chinese Simplified) * New translations elevation.mdx (Vietnamese) * New translations elevation.mdx (Portuguese, Brazilian) * New translations elevation.mdx (Indonesian) * New translations elevation.mdx (Thai) * New translations elevation.mdx (Latvian) * New translations elevation.mdx (Chinese Traditional, Hong Kong) * New translations elevation.mdx (Serbian (Latin))
2025-12-02 18:12:11 +00:00 · 2025-11-12 18:14:49 +01:00 · 2025-11-12 18:03:06 +01:00 · 2025-11-12 17:45:55 +01:00 · 2025-11-12 17:28:46 +01:00 · 2025-11-12 16:17:25 +01:00
254 changed files with 5750 additions and 1399 deletions
--- a/website/src/lib/components/map/layer-control/LayerControlSettings.svelte
+++ b/website/src/lib/components/map/layer-control/LayerControlSettings.svelte
@@ -20,7 +20,7 @@
    import CustomLayers from './CustomLayers.svelte';
    import { settings } from '$lib/logic/settings';
    import { untrack } from 'svelte';
-    import { extensionAPI } from './extension-api';
+    import { extensionAPI } from '$lib/components/map/layer-control/extension-api';

    const {
        selectedBasemapTree,
@@ -33,6 +33,8 @@
        opacities,
    } = settings;

+    const { isLayerFromExtension, getLayerName } = extensionAPI;
+
    let { open = $bindable() }: { open: boolean } = $props();

    let accordionValue: string | undefined = $state(undefined);
@@ -161,8 +163,8 @@
                                    <Select.Trigger class="h-8 mr-1 w-full">
                                        {#if selectedOverlay}
                                            {#if isSelected($selectedOverlayTree, selectedOverlay)}
-                                                {#if extensionAPI.isLayerFromExtension(selectedOverlay)}
-                                                    {extensionAPI.getLayerName(selectedOverlay)}
+                                                {#if $isLayerFromExtension(selectedOverlay)}
+                                                    {$getLayerName(selectedOverlay)}
                                                {:else}
                                                    {i18n._(`layers.label.${selectedOverlay}`)}
                                                {/if}
@@ -175,8 +177,8 @@
                                        {#each Object.keys(overlays) as id}
                                            {#if isSelected($selectedOverlayTree, id)}
                                                <Select.Item value={id}>
-                                                    {#if extensionAPI.isLayerFromExtension(id)}
-                                                        {extensionAPI.getLayerName(id)}
+                                                    {#if $isLayerFromExtension(id)}
+                                                        {$getLayerName(id)}
                                                    {:else}
                                                        {i18n._(`layers.label.${id}`)}
                                                    {/if}
--- a/website/src/lib/components/map/layer-control/LayerTreeNode.svelte
+++ b/website/src/lib/components/map/layer-control/LayerTreeNode.svelte
@@ -26,6 +26,7 @@
    } = $props();

    const { customLayers } = settings;
+    const { isLayerFromExtension, getLayerName } = extensionAPI;

    $effect.pre(() => {
        if (checked !== undefined) {
@@ -73,8 +74,8 @@
                    <Label for="{name}-{id}" class="flex flex-row items-center gap-1">
                        {#if $customLayers.hasOwnProperty(id)}
                            {$customLayers[id].name}
-                        {:else if extensionAPI.isLayerFromExtension(id)}
-                            {extensionAPI.getLayerName(id)}
+                        {:else if $isLayerFromExtension(id)}
+                            {$getLayerName(id)}
                        {:else}
                            {i18n._(`layers.label.${id}`)}
                        {/if}
--- a/website/src/lib/components/map/layer-control/extension-api.ts
+++ b/website/src/lib/components/map/layer-control/extension-api.ts
@@ -1,9 +1,9 @@
-import { map, type MapboxGLMap } from '$lib/components/map/map';
 import { settings } from '$lib/logic/settings';
-import { get } from 'svelte/store';
-import { isSelected, remove, removeByPrefix, toggle } from './utils';
+import { derived, get, writable, type Writable } from 'svelte/store';
+import { isSelected, remove, removeAll } from './utils';
 import { overlays, overlayTree } from '$lib/assets/layers';
 import { browser } from '$app/environment';
+import { map } from '$lib/components/map/map';

 const { currentOverlays, previousOverlays, selectedOverlayTree } = settings;

@@ -15,11 +15,9 @@ export type CustomOverlay = {
 };

 export class ExtensionAPI {
-    private _map: MapboxGLMap;
-    private _overlays: Map<string, CustomOverlay> = new Map();
+    private _overlays: Writable<Map<string, CustomOverlay>> = writable(new Map());

-    constructor(map: MapboxGLMap) {
-        this._map = map;
+    init() {
        if (browser && !window.hasOwnProperty('gpxstudio')) {
            Object.defineProperty(window, 'gpxstudio', {
                value: this,
@@ -30,21 +28,33 @@ export class ExtensionAPI {
        }
    }

-    async ensureLoaded(): Promise<void> {
-        return new Promise((resolve) => {
-            this._map.onLoad(() => {
-                resolve();
+    ensureLoaded(): Promise<void> {
+        let unsubscribe: () => void;
+        const promise = new Promise<void>((resolve) => {
+            map.onLoad(() => {
+                unsubscribe = currentOverlays.subscribe((current) => {
+                    if (current) {
+                        resolve();
+                    }
+                });
            });
        });
+        promise.finally(() => {
+            unsubscribe?.();
+        });
+        return promise;
    }

    addOrUpdateOverlay(overlay: CustomOverlay) {
-        if (!overlay.id || !overlay.tileUrls || overlay.tileUrls.length === 0) {
-            throw new Error('Overlay must have an id and at least one tile URL.');
+        if (!overlay.id || !overlay.name || !overlay.tileUrls || overlay.tileUrls.length === 0) {
+            throw new Error('Overlay must have an id, name, and at least one tile URL.');
        }
        overlay.id = this.getOverlayId(overlay.id);

-        this._overlays.set(overlay.id, overlay);
+        this._overlays.update(($overlays) => {
+            $overlays.set(overlay.id, overlay);
+            return $overlays;
+        });

        overlays[overlay.id] = {
            version: 8,
@@ -73,95 +83,89 @@ export class ExtensionAPI {
        });

        const current = get(currentOverlays);
+        let show = false;
        if (current && isSelected(current, overlay.id)) {
+            show = true;
            try {
-                get(this._map)?.removeImport(overlay.id);
+                get(map)?.removeImport(overlay.id);
            } catch (e) {
                // No reliable way to check if the map is ready to remove sources and layers
            }
        }

        currentOverlays.update((current) => {
-            current.overlays.world[overlay.id] = true;
+            current.overlays.world[overlay.id] = show;
            return current;
        });
    }

-    removeOverlaysWithPrefix(prefix: string) {
-        prefix = this.getOverlayId(prefix);
+    filterOverlays(ids: string[]) {
+        ids = ids.map((id) => this.getOverlayId(id));
+        const idsToRemove = Array.from(get(this._overlays).keys()).filter(
+            (id) => !ids.includes(id)
+        );

-        currentOverlays.update((overlays) => {
-            removeByPrefix(overlays, prefix);
-            return overlays;
+        currentOverlays.update((current) => {
+            removeAll(current, idsToRemove);
+            return current;
        });
-        previousOverlays.update((overlays) => {
-            removeByPrefix(overlays, prefix);
-            return overlays;
+        previousOverlays.update((previous) => {
+            removeAll(previous, idsToRemove);
+            return previous;
        });
-        selectedOverlayTree.update((overlays) => {
-            removeByPrefix(overlays, prefix);
-            return overlays;
+        selectedOverlayTree.update((selected) => {
+            removeAll(selected, idsToRemove);
+            return selected;
        });
        Object.keys(overlays).forEach((id) => {
-            if (id.startsWith(prefix)) {
+            if (idsToRemove.includes(id)) {
                delete overlays[id];
            }
        });
-        Object.keys(overlayTree.overlays.world).forEach((id) => {
-            if (id.startsWith(prefix)) {
-                delete overlayTree.overlays.world[id];
-            }
-        });
-    }
-
-    toggleOverlay(id: string) {
-        id = this.getOverlayId(id);
-
-        currentOverlays.update((overlays) => {
-            toggle(overlays, id);
-            return overlays;
-        });
-        if (!isSelected(get(selectedOverlayTree), id)) {
-            selectedOverlayTree.update((overlays) => {
-                toggle(overlays, id);
-                return overlays;
+        removeAll(overlayTree, idsToRemove);
+        this._overlays.update(($overlays) => {
+            $overlays.forEach((_, id) => {
+                if (idsToRemove.includes(id)) {
+                    $overlays.delete(id);
+                }
            });
-        }
+            return $overlays;
+        });
    }

-    isLayerFromExtension(id: string): boolean {
-        return this._overlays.has(id);
-    }
+    isLayerFromExtension = derived(this._overlays, ($overlays) => {
+        return (id: string) => $overlays.has(id);
+    });

-    getLayerName(id: string): string {
-        const overlay = this._overlays.get(id);
-        return overlay ? overlay.name : '';
-    }
+    getLayerName = derived(this._overlays, ($overlays) => {
+        return (id: string) => $overlays.get(id)?.name || '';
+    });

    private getOverlayId(id: string): string {
        return `extension-${id}`;
    }

    private destroy() {
-        currentOverlays.update((overlays) => {
-            this._overlays.forEach((_, id) => {
-                remove(overlays, id);
+        const ids = Array.from(get(this._overlays).keys());
+        currentOverlays.update((current) => {
+            ids.forEach((id) => {
+                remove(current, id);
            });
-            return overlays;
+            return current;
        });
-        previousOverlays.update((overlays) => {
-            this._overlays.forEach((_, id) => {
-                remove(overlays, id);
+        previousOverlays.update((previous) => {
+            ids.forEach((id) => {
+                remove(previous, id);
            });
-            return overlays;
+            return previous;
        });
-        selectedOverlayTree.update((overlays) => {
-            this._overlays.forEach((_, id) => {
-                remove(overlays, id);
+        selectedOverlayTree.update((selected) => {
+            ids.forEach((id) => {
+                remove(selected, id);
            });
-            return overlays;
+            return selected;
        });
    }
 }

-export const extensionAPI = new ExtensionAPI(map);
+export const extensionAPI = new ExtensionAPI();
--- a/website/src/lib/components/map/layer-control/utils.ts
+++ b/website/src/lib/components/map/layer-control/utils.ts
@@ -66,12 +66,12 @@ export function remove(node: LayerTreeType, id: string) {
    return node;
 }

-export function removeByPrefix(node: LayerTreeType, prefix: string) {
+export function removeAll(node: LayerTreeType, ids: string[]) {
    Object.keys(node).forEach((key) => {
-        if (key.startsWith(prefix)) {
+        if (ids.includes(key)) {
            delete node[key];
        } else if (typeof node[key] !== 'boolean') {
-            remove(node[key], prefix);
+            removeAll(node[key], ids);
        }
    });
    return node;
--- a/website/src/lib/docs/be/home/funding.mdx
+++ b/website/src/lib/docs/be/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Help keep the website free (and ad-free)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Help keep the website free (and ad-free)

 Each time you add or move GPS points, our servers calculate the best route on the road network.
 We also use APIs from <a href="https://mapbox.com" target="_blank">Mapbox</a> to display beautiful maps, retrieve elevation data and allow you to search for places.
--- a/website/src/lib/docs/be/home/translation.mdx
+++ b/website/src/lib/docs/be/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Translation
+## <Languages size="18" class="inline-block align-baseline" /> Translation

 The website is translated by volunteers using a collaborative translation platform.
 You can contribute by adding or improving translations on our <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin project</a>.
--- a/website/src/lib/docs/be/menu/file.mdx
+++ b/website/src/lib/docs/be/menu/file.mdx
@@ -29,13 +29,13 @@ You can also drag and drop files directly from your file system into the window.

 Create a copy of the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Close the currently selected files.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close all
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Close all files.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Export...

--- a/website/src/lib/docs/be/toolbar/routing.mdx
+++ b/website/src/lib/docs/be/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Route planning and editing
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ The following tools automate some common route modification operations.

 Reverse the direction of the route.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start

 Connect the last point of the route with the starting point, using the chosen routing settings.

--- a/website/src/lib/docs/ca/home/funding.mdx
+++ b/website/src/lib/docs/ca/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Ajuda a mantenir aquesta pàgina web gratuïta (i sense anuncis)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Ajuda a mantenir aquesta pàgina web gratuïta (i sense anuncis)

 Cada cop que afegeixes o mous un punt GPS, els nostres servidors calculen la millor ruta possible.
 També utilitzen l'API de <a href="https://mapbox.com" target="_blank">Mapbox</a> per ensenyar mapes bonics, donar informació sobre l'altitud i permetre la cerca de llocs d'interès.
--- a/website/src/lib/docs/ca/home/translation.mdx
+++ b/website/src/lib/docs/ca/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" />Traducció
+## <Languages size="18" class="inline-block align-baseline" /> Traducció

 Aquesta pàgina web ha estat traduïda per voluntaris utilitzant una plataforma de traducció col·laborativa.
 Tu també pots contribuir-hi afegint o millorant les traduccions al nostre <a href="https://crowdin.com/project/gpxstudio" target="_blank">projecte de Crowdin</a>.
--- a/website/src/lib/docs/ca/menu/file.mdx
+++ b/website/src/lib/docs/ca/menu/file.mdx
@@ -29,13 +29,13 @@ Pots arrossegar y deixar arxius directament des del seu sistema d'arxius cap a l

 Crear una còpia dels arxius seleccionats.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Tanca
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Tanca els arxius seleccionats.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Tanca tot
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Tanca tots els arxius.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Exportar...

--- a/website/src/lib/docs/ca/toolbar/routing.mdx
+++ b/website/src/lib/docs/ca/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Planificació i edició de rutes
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ Les eines següents automatitzen algunes operacions comunes de modificació de r

 Inverteix el sentit de la ruta.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Tornar a l'inici
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Tornar a l'inici

 Connecta l'últim punt de la ruta amb el punt d'inici, utilitzant la configuració de ruta escollida.

--- a/website/src/lib/docs/cs/home/funding.mdx
+++ b/website/src/lib/docs/cs/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Pomozte udržet web zdarma (a bez reklam)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Pomozte udržet web zdarma (a bez reklam)

 Vždy, když přidáte nebo přesunete GPS body, naše servery vypočítají nejlepší cestu po silniční síti.
 Používáme také API z <a href="https://mapbox.com" target="_blank">Mapboxu</a> pro zobrazení krásných map, získání dat o nadmořské výšce a vyhledávání míst.
--- a/website/src/lib/docs/cs/home/translation.mdx
+++ b/website/src/lib/docs/cs/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Překlad
+## <Languages size="18" class="inline-block align-baseline" /> Překlad

 Tento web je překládán dobrovolníky prostřednictvím kolaborativní překladatelské platformy.
 Ke zlepšení překladů můžete přispět na našem <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin projektu</a>.
--- a/website/src/lib/docs/cs/menu/file.mdx
+++ b/website/src/lib/docs/cs/menu/file.mdx
@@ -29,13 +29,13 @@ Soubory můžete také přetáhnout přímo ze souborového systému do okna.

 Vytvořit kopii aktuálně vybraných souborů.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Zavřít
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Zavřít aktuálně vybrané soubory.
+Smazat aktuálně vybrané soubory.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Zavřít vše
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Zavřít všechny soubory.
+Smazat všechny soubory.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Export...

--- a/website/src/lib/docs/cs/toolbar/routing.mdx
+++ b/website/src/lib/docs/cs/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Plánování a úpravy tras
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -24,7 +24,7 @@ Dialog lze minimalizovat kliknutím na <button><SquareArrowUpLeft size="16" clas

 ### <Route size="16" class="inline-block" style="margin-bottom: 2px" /> Plánování tras

-Když je plánování trasy aktivní, kotevní body umístěné nebo přesunuté po mapě budou projenou trasou vypočítanou v silniční síti <a href="https://www.openstreetmap.org" target="_blank">OpenStreetMap</a>.
+Když je plánování trasy aktivní, kotevní body umístěné nebo přesunuté po mapě budou propojeny trasou vypočítanou v silniční síti <a href="https://www.openstreetmap.org" target="_blank">OpenStreetMap</a>.
 Zakázat plánování trasy pro propojení kotevních bodů přímými čarami.
 Toto nastavení lze také přepnout stisknutím <kbd>F5</kbd>.

@@ -71,7 +71,7 @@ Následující nástroje automatizují některé běžné operace úpravy trasy.

 Obrátit směr trasy.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Zpět na začátek
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Zpět na začátek

 Propojit poslední bod trasy s výchozím bodem pomocí zvoleného nastavení směrování.

--- a/website/src/lib/docs/da/home/funding.mdx
+++ b/website/src/lib/docs/da/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Help keep the website free (and ad-free)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Help keep the website free (and ad-free)

 Each time you add or move GPS points, our servers calculate the best route on the road network.
 We also use APIs from <a href="https://mapbox.com" target="_blank">Mapbox</a> to display beautiful maps, retrieve elevation data and allow you to search for places.
--- a/website/src/lib/docs/da/home/translation.mdx
+++ b/website/src/lib/docs/da/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Oversættelse
+## <Languages size="18" class="inline-block align-baseline" /> Translation

 Hjemmesiden er oversat af frivillige ved hjælp af en kollaborativ oversættelsesplatform.
 You can contribute by adding or improving translations on our <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin project</a>.
--- a/website/src/lib/docs/da/menu/file.mdx
+++ b/website/src/lib/docs/da/menu/file.mdx
@@ -29,13 +29,13 @@ You can also drag and drop files directly from your file system into the window.

 Create a copy of the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Close the currently selected files.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close all
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Close all files.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" />Eksporter...

--- a/website/src/lib/docs/da/toolbar/routing.mdx
+++ b/website/src/lib/docs/da/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Route planning and editing
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ The following tools automate some common route modification operations.

 Reverse the direction of the route.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start

 Connect the last point of the route with the starting point, using the chosen routing settings.

--- a/website/src/lib/docs/de/home/funding.mdx
+++ b/website/src/lib/docs/de/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Helfen Sie, die Website kostenlos (und werbefrei) zu erhalten
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Helfen Sie, die Website kostenlos (und werbefrei) zu erhalten

 Jedes Mal, wenn Sie GPS-Punkte hinzufügen oder verschieben, berechnen unsere Server die beste Route im Straßennetz.
 Wir verwenden auch APIs von <a href="https://mapbox.com" target="_blank">Mapbox</a>, um schöne Karten anzuzeigen, Höhendaten abzurufen und Ihnen die Suche nach Orten zu ermöglichen.
--- a/website/src/lib/docs/de/home/translation.mdx
+++ b/website/src/lib/docs/de/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Übersetzung
+## <Languages size="18" class="inline-block align-baseline" /> Übersetzung

 Die Webseite wird von Freiwilligen mit einer gemeinsamen Übersetzungsplattform übersetzt.
 Sie können dazu beitragen, indem Sie Übersetzungen in unserem <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin Projekt</a> hinzufügen oder verbessern.
--- a/website/src/lib/docs/de/menu/file.mdx
+++ b/website/src/lib/docs/de/menu/file.mdx
@@ -29,13 +29,13 @@ Sie können auch Dateien per Drag-and-Drop aus Ihrem Dateisystem in das Fenster

 Erstelle eine Kopie der aktuell ausgewählten Dateien.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Schließen
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Die aktuell ausgewählten Dateien schließen.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Alle schließen
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Schließe alle Dateien.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Exportieren...

--- a/website/src/lib/docs/de/toolbar/routing.mdx
+++ b/website/src/lib/docs/de/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Routenplanung und Bearbeitung
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ Die folgenden Tools automatisieren einige gemeinsame Routenmodifikationsoperatio

 Die Richtung der Route umkehren.

-### Zurück zum Start
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Zurück zum Start

 Verbinden Sie den letzten Punkt der Route mit dem Startpunkt mit den gewählten Routing-Einstellungen.

--- a/website/src/lib/docs/el/home/funding.mdx
+++ b/website/src/lib/docs/el/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Help keep the website free (and ad-free)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Help keep the website free (and ad-free)

 Each time you add or move GPS points, our servers calculate the best route on the road network.
 We also use APIs from <a href="https://mapbox.com" target="_blank">Mapbox</a> to display beautiful maps, retrieve elevation data and allow you to search for places.
--- a/website/src/lib/docs/el/home/translation.mdx
+++ b/website/src/lib/docs/el/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Translation
+## <Languages size="18" class="inline-block align-baseline" /> Translation

 The website is translated by volunteers using a collaborative translation platform.
 You can contribute by adding or improving translations on our <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin project</a>.
--- a/website/src/lib/docs/el/menu/file.mdx
+++ b/website/src/lib/docs/el/menu/file.mdx
@@ -29,13 +29,13 @@ You can also drag and drop files directly from your file system into the window.

 Create a copy of the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Close the currently selected files.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close all
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Close all files.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Export...

--- a/website/src/lib/docs/el/toolbar/routing.mdx
+++ b/website/src/lib/docs/el/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Route planning and editing
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ The following tools automate some common route modification operations.

 Reverse the direction of the route.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start

 Connect the last point of the route with the starting point, using the chosen routing settings.

--- a/website/src/lib/docs/es/home/funding.mdx
+++ b/website/src/lib/docs/es/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Ayude a mantener este sitio gratis (y libre de anuncios)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Ayude a mantener este sitio gratis (y libre de anuncios)

 Cada vez que añade o mueve puntos GPS, nuestros servidores calculan la mejor ruta en la red de carreteras.
 También usamos APIs de <a href="https://mapbox.com" target="_blank">Mapbox</a> para mostrar hermosos mapas, obtener datos de elevación y permitirle buscar lugares.
--- a/website/src/lib/docs/es/home/translation.mdx
+++ b/website/src/lib/docs/es/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Traducción
+## <Languages size="18" class="inline-block align-baseline" /> Traducción

 Este sitio está traducido por voluntarios usando una plataforma de traducción colaborativa.
 Puede contribuir añadiendo o mejorando las traducciones en nuestro <a href="https://crowdin.com/project/gpxstudio" target="_blank">proyecto Crowdin</a>.
--- a/website/src/lib/docs/es/integration.mdx
+++ b/website/src/lib/docs/es/integration.mdx
@@ -1,5 +1,5 @@
 ---
-title: Integración
+title: Integraciones
 ---

 <script>
--- a/website/src/lib/docs/es/menu/file.mdx
+++ b/website/src/lib/docs/es/menu/file.mdx
@@ -29,13 +29,13 @@ Puede arrastrar y soltar archivos directamente desde su sistema de archivos a la

 Crear una copia de los archivos seleccionados actualmente.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Cerrar
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Borrar

-Cerrar los archivos seleccionados actualmente.
+Borrar los archivos seleccionados.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Cerrar todo
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Borrar todos

-Cerrar todos los archivos.
+Borrar todos los archivos.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Exportar...

--- a/website/src/lib/docs/es/menu/view.mdx
+++ b/website/src/lib/docs/es/menu/view.mdx
@@ -1,5 +1,5 @@
 ---
-title: Opciones de vista
+title: View options
 ---

 <script lang="ts">
--- a/website/src/lib/docs/es/toolbar/routing.mdx
+++ b/website/src/lib/docs/es/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Planificación y edición de rutas
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ Las siguientes herramientas automatizan algunas operaciones comunes de modificac

 Invierte el sentido de la ruta.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Volver al inicio
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Volver al inicio

 Conecta el último punto de la ruta con el punto de inicio, usando los ajustes de ruta elegidos.

--- a/website/src/lib/docs/eu/home/funding.mdx
+++ b/website/src/lib/docs/eu/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Lagundu mantentzen webgunea doan (eta propagandarik gabe)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Lagundu mantentzen webgunea doan (eta propagandarik gabe)

 GPS puntuak gehitzen edo mugitzen dituzun bakoitzean, gure zerbitzariek bide sareko ibilbide onena kalkulatzen dute.<a href="https://mapbox.com" target="_blank">Mapbox</a>en APIak erabiltzen ditugu erakusteko mapa argiak, kota-datuak eskaintzeko eta ahalbidetzeko lekuen bilaketa.

--- a/website/src/lib/docs/eu/home/translation.mdx
+++ b/website/src/lib/docs/eu/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Itzulpena
+## <Languages size="18" class="inline-block align-baseline" /> Itzulpena

 Webgune hau itzulpenerako elkarlaneko plataforma bat erabiltzen duten boluntarioen lanari esker itzultzen da.
 Itzulpenean lagundu dezakezu gure <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin proiektu</a>an.
--- a/website/src/lib/docs/eu/menu/file.mdx
+++ b/website/src/lib/docs/eu/menu/file.mdx
@@ -29,13 +29,13 @@ Beste era batez, fitxategiak zuzenean arrastatu eta jaregin ditzakezu zure fitxa

 Sortu hautatutako fitxategien kopia bat.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Itxi
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Itxi hautatutako fitxategiak.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Itxi guztiak
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Itxi fitxategi guztiak.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Esportatu...

--- a/website/src/lib/docs/eu/toolbar/routing.mdx
+++ b/website/src/lib/docs/eu/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Ibilbideak planifikatzea eta editatzea
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -70,7 +70,7 @@ Hurrengo tresnek ibilbidearen aldaketa arrunt batzuk automatizatzen dituzte.

 Ibilbidearen norabidea alderantzikatu.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" />Bueltatu abiapuntura
+### <House size="16" class="inline-block" style="margin-bottom: 2px" />Bueltatu abiapuntura

 Konektatu ibilbidearen azken puntua abiapuntuarekin, aukeratutako bideratze ezarpenak erabiliz.

--- a/website/src/lib/docs/fi/home/funding.mdx
+++ b/website/src/lib/docs/fi/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Help keep the website free (and ad-free)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Help keep the website free (and ad-free)

 Each time you add or move GPS points, our servers calculate the best route on the road network.
 We also use APIs from <a href="https://mapbox.com" target="_blank">Mapbox</a> to display beautiful maps, retrieve elevation data and allow you to search for places.
--- a/website/src/lib/docs/fi/home/translation.mdx
+++ b/website/src/lib/docs/fi/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Translation
+## <Languages size="18" class="inline-block align-baseline" /> Translation

 The website is translated by volunteers using a collaborative translation platform.
 You can contribute by adding or improving translations on our <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin project</a>.
--- a/website/src/lib/docs/fi/menu/file.mdx
+++ b/website/src/lib/docs/fi/menu/file.mdx
@@ -29,13 +29,13 @@ You can also drag and drop files directly from your file system into the window.

 Create a copy of the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Close the currently selected files.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close all
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Close all files.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Export...

--- a/website/src/lib/docs/fi/toolbar/routing.mdx
+++ b/website/src/lib/docs/fi/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Route planning and editing
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ The following tools automate some common route modification operations.

 Reverse the direction of the route.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start

 Connect the last point of the route with the starting point, using the chosen routing settings.

--- a/website/src/lib/docs/fr/home/funding.mdx
+++ b/website/src/lib/docs/fr/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Aidez à garder le site gratuit (et sans pub)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Aidez à garder le site gratuit (et sans pub)

 Chaque fois que vous ajoutez ou déplacez des points GPS, nos serveurs calculent le meilleur itinéraire sur le réseau routier.
 Nous utilisons également des services de <a href="https://mapbox.com" target="_blank">Mapbox</a> pour afficher de magnifiques cartes, récupérer des données d'altitude et vous permettre de rechercher des adresses.
--- a/website/src/lib/docs/fr/home/translation.mdx
+++ b/website/src/lib/docs/fr/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Traduction
+## <Languages size="18" class="inline-block align-baseline" /> Traduction

 Le site est traduit par des bénévoles sur une plate-forme de traduction collaborative.
 Vous pouvez contribuer en ajoutant ou en améliorant des traductions sur notre projet <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin</a>.
--- a/website/src/lib/docs/fr/menu/file.mdx
+++ b/website/src/lib/docs/fr/menu/file.mdx
@@ -29,13 +29,13 @@ Vous pouvez également glisser-déposer des fichiers directement depuis votre sy

 Créer une copie des fichiers sélectionnés.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Fermer
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Supprimer

-Fermer les fichiers sélectionnés.
+Supprimer les fichiers sélectionnés.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Fermer tout
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Supprimer tout

-Fermer tous les fichiers.
+Supprimer toutes les fichiers.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Exporter...

--- a/website/src/lib/docs/fr/toolbar/routing.mdx
+++ b/website/src/lib/docs/fr/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Planification et édition d'itinéraires
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ Les outils suivants automatisent certaines opérations communes de modification

 Inverser le sens de l'itinéraire.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Retour au départ
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Retour au départ

 Connecter le dernier point de l'itinéraire avec le point de départ, en utilisant les paramètres de routage choisis.

--- a/website/src/lib/docs/he/home/funding.mdx
+++ b/website/src/lib/docs/he/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## עזור לשמור על אתר זה נקי מפרסומות
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Help keep the website free (and ad-free)

 בכל פעם שאתה מוסיף או מעביר נקודות GPS, השרתים שלנו מחשבים את המסלול הטוב ביותר ברשת הדרכים.
 We also use APIs from <a href="https://mapbox.com" target="_blank">Mapbox</a> to display beautiful maps, retrieve elevation data and allow you to search for places.
--- a/website/src/lib/docs/he/home/translation.mdx
+++ b/website/src/lib/docs/he/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Translation
+## <Languages size="18" class="inline-block align-baseline" /> Translation

 The website is translated by volunteers using a collaborative translation platform.
 You can contribute by adding or improving translations on our <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin project</a>.
--- a/website/src/lib/docs/he/menu/file.mdx
+++ b/website/src/lib/docs/he/menu/file.mdx
@@ -29,13 +29,13 @@ You can also drag and drop files directly from your file system into the window.

 Create a copy of the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Close the currently selected files.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close all
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Close all files.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Export...

--- a/website/src/lib/docs/he/toolbar/routing.mdx
+++ b/website/src/lib/docs/he/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Route planning and editing
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ The following tools automate some common route modification operations.

 Reverse the direction of the route.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start

 Connect the last point of the route with the starting point, using the chosen routing settings.

--- a/website/src/lib/docs/hu/home/funding.mdx
+++ b/website/src/lib/docs/hu/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## Segítsen megőrizni a webhely ingyenességét (és reklám mentességét)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Help keep the website free (and ad-free)

 Minden alkalommal, amikor GPS-pontokat ad hozzá vagy mozgat, szervereink kiszámítják a legjobb útvonalat az úthálózaton.<a href="https://mapbox.com" target="_blank">Mapbox</a> API-jait használjuk a gyönyörű térképek megjelenítésére, a magassági adatok lekérésére és a helyek keresésére.

--- a/website/src/lib/docs/hu/home/translation.mdx
+++ b/website/src/lib/docs/hu/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## Fordítás
+## <Languages size="18" class="inline-block align-baseline" /> Translation

 A weboldalt önkéntesek fordítják egy közös fordítói platformon.
 Hozzájárulhat fordítások hozzáadásával vagy javításával <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin projektünkben</a>.
--- a/website/src/lib/docs/hu/menu/file.mdx
+++ b/website/src/lib/docs/hu/menu/file.mdx
@@ -29,13 +29,13 @@ A fájlokat közvetlenül a fájlrendszerből is áthúzhatja az ablakba.

 Készítsen másolatot az aktuálisan kiválasztott fájlokról.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Bezárás
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Zárja be az aktuálisan kiválasztott fájlokat.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Az összes bezárása
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Zárja be az összes fájlt.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Exportálás...

--- a/website/src/lib/docs/hu/toolbar/routing.mdx
+++ b/website/src/lib/docs/hu/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Útvonal tervezés és szerkesztés
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ A következő eszközök automatizálnak néhány gyakori útvonal-módosítási

 Fordítsa meg az útvonal irányát.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Vissza a kezdéshez
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start

 Csatlakoztassa az útvonal utolsó pontját a kiindulási ponthoz a kiválasztott útvonalbeállítások segítségével.

--- a/website/src/lib/docs/id/faq.mdx
+++ b/website/src/lib/docs/id/faq.mdx
@@ -0,0 +1,35 @@
+---
+title: FAQ
+---
+
+<script>
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+</script>
+
+# { 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.
+
+If you have never contributed to OpenStreetMap before, here is how you can suggest changes:
+
+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.
+
+Someone more experienced with OpenStreetMap will then review your note and make the necessary changes.
+
+<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>.
+
+</DocsNote>
--- a/website/src/lib/docs/id/files-and-stats.mdx
+++ b/website/src/lib/docs/id/files-and-stats.mdx
@@ -0,0 +1,110 @@
+---
+title: Files and statistics
+---
+
+<script lang="ts">
+    import { ChartNoAxesColumn } from '@lucide/svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+    import ElevationProfile from '$lib/components/elevation-profile/ElevationProfile.svelte';
+    import GPXStatistics from '$lib/components/GPXStatistics.svelte';
+    import { exampleGPXFile } from '$lib/assets/example';
+    import { writable } from 'svelte/store';
+
+    let gpxStatistics = writable(exampleGPXFile.getStatistics());
+    let slicedGPXStatistics = writable(undefined);
+    let additionalDatasets = writable(['speed', 'atemp']);
+    let elevationFill = writable(undefined);
+</script>
+
+# { title }
+
+## File list
+
+Once you have [opened](./menu/file) files, they will be shown as tabs in the file list located at the bottom of the map.
+You can reorder them by dragging and dropping the tabs.
+And when many files are open, you can scroll through the list of tabs to navigate between them.
+
+<DocsNote>
+
+When using a mouse, you need to hold <kbd>Shift</kbd> to scroll horizontally.
+
+</DocsNote>
+
+### File selection
+
+By clicking on a tab, you can switch between the files to inspect their statistics, and apply [edit actions](./menu/edit) and [tools](./toolbar) to them.
+By holding the <kbd>Ctrl/Cmd</kbd> key, you can add files to the selection or remove them, and by holding <kbd>Shift</kbd>, you can select a range of files.
+Most of the [edit actions](./menu/edit) and [tools](./toolbar) can be applied to multiple files at once.
+
+<DocsNote>
+
+You can also navigate through the files using the arrow keys on your keyboard, and use <kbd>Shift</kbd> to add files to the selection.
+
+</DocsNote>
+
+### Edit actions
+
+By right-clicking on a file tab, you can access the same actions as in the [edit menu](./menu/edit).
+
+### Tree layout
+
+As mentioned in the [view options section](./menu/view), you can switch to a tree layout for the files list.
+This layout is ideal for managing a large number of open files, as it organizes them into a vertical list on the right side of the map.
+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.
+
+You can also apply [edit actions](./menu/edit) and [tools](./toolbar) to internal file items.
+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.
+
+<div class="h-48 w-full">
+    <ElevationProfile
+        {gpxStatistics}
+        {slicedGPXStatistics}
+        {additionalDatasets}
+        {elevationFill}
+    />
+</div>
+<div class="flex flex-col items-center -mt-6">
+    <div class="h-10 w-fit">
+        <GPXStatistics
+            {gpxStatistics}
+            {slicedGPXStatistics}
+            panelSize={120}
+            orientation={'horizontal'}
+        />
+    </div>
+</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:
+
+- **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**.
+
+If your selection includes it, you can also visualize: **speed**, **heart rate**, **cadence**, **temperature** and **power** data on the elevation profile.
--- a/website/src/lib/docs/id/getting-started.mdx
+++ b/website/src/lib/docs/id/getting-started.mdx
@@ -0,0 +1,37 @@
+---
+title: Getting started
+---
+
+<script lang="ts">
+    import DocsImage from '$lib/components/docs/DocsImage.svelte';
+</script>
+
+# { 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.
+
+<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
+
+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.
+
+## Files and statistics
+
+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.
+
+## 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.
+
+## 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.
--- a/website/src/lib/docs/id/gpx.mdx
+++ b/website/src/lib/docs/id/gpx.mdx
@@ -0,0 +1,34 @@
+---
+title: GPX file format
+---
+
+<script>
+    import { Waypoints, MapPin } from '@lucide/svelte';
+</script>
+
+# { 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.
+
+GPX files may also contain metadata, of which the **name** and **description** fields are the most useful for users.
+
+### <Waypoints size="16" class="inline-block" style="margin-bottom: 2px" /> Tracks, segments, and GPS points
+
+As mentioned above, a GPX file can contain multiple GPS traces.
+These are organized in a hierarchical structure, with tracks at the top level.
+
+- 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.
+
+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.
+
+### <MapPin size="16" class="inline-block" style="margin-bottom: 2px" /> Points of interest
+
+**Points of interest** (technically called _waypoints_) represent locations of interest to show either on a GPS device or on a digital map.
+
+In addition to its coordinates, a point of interest can have a **name** and a **description**.
--- a/website/src/lib/docs/id/home/funding.mdx
+++ b/website/src/lib/docs/id/home/funding.mdx
@@ -0,0 +1,13 @@
+<script>
+    import { HeartHandshake } from '@lucide/svelte';
+</script>
+
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Help keep the website free (and ad-free)
+
+Each time you add or move GPS points, our servers calculate the best route on the road network.
+We also use APIs from <a href="https://mapbox.com" target="_blank">Mapbox</a> to display beautiful maps, retrieve elevation data and allow you to search for places.
+
+Unfortunately, this is expensive.
+If you enjoy using this tool and find it valuable, please consider making a small donation to help keep the website free and ad-free.
+
+Thank you very much for your support! ❤️
--- a/website/src/lib/docs/id/home/mapbox.mdx
+++ b/website/src/lib/docs/id/home/mapbox.mdx
@@ -0,0 +1,5 @@
+Mapbox is the company that provides some of the beautiful maps on this website.
+They also develop the <a href="https://github.com/mapbox/mapbox-gl-js" target="_blank">map engine</a> which powers **gpx.studio**.
+
+We are incredibly fortunate and grateful to be part of their <a href="https://mapbox.com/community" target="_blank">Community</a> program, which supports nonprofits, educational institutions, and positive impact organizations.
+This partnership allows **gpx.studio** to benefit from Mapbox tools at discounted prices, greatly contributing to the financial viability of the project and enabling us to offer the best possible user experience.
--- a/website/src/lib/docs/id/home/translation.mdx
+++ b/website/src/lib/docs/id/home/translation.mdx
@@ -0,0 +1,12 @@
+<script>
+    import { Languages } from '@lucide/svelte';
+</script>
+
+## <Languages size="18" class="inline-block align-baseline" /> Translation
+
+The website is translated by volunteers using a collaborative translation platform.
+You can contribute by adding or improving translations on our <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin project</a>.
+
+If you would like to start translating into a new language, please <a href="#contact">get in touch</a>.
+
+Any help is greatly appreciated!
--- a/website/src/lib/docs/id/integration.mdx
+++ b/website/src/lib/docs/id/integration.mdx
@@ -0,0 +1,27 @@
+---
+title: Integration
+---
+
+<script>
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+    import EmbeddingPlayground from '$lib/components/embedding/EmbeddingPlayground.svelte';
+</script>
+
+# { title }
+
+You can use **gpx.studio** to create maps showing your GPX files and embed them in your website.
+
+All you need is:
+
+1. A <a href="https://account.mapbox.com/auth/signup" target="_blank">Mapbox access token</a> to load the map, and
+2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+
+You can then play with the configurator below to customize your map and generate the corresponding HTML code.
+
+<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.
+
+</DocsNote>
+
+<EmbeddingPlayground />
--- a/website/src/lib/docs/id/map-controls.mdx
+++ b/website/src/lib/docs/id/map-controls.mdx
@@ -0,0 +1,70 @@
+---
+title: Map controls
+---
+
+<script>
+    import { Plus, Minus, Diff, Compass, Search, LocateFixed, PersonStanding, Layers } from '@lucide/svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+    import DocsLayers from '$lib/components/docs/DocsLayers.svelte';
+</script>
+
+# { 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
+
+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" />.
+
+<DocsNote>
+
+To control the orientation and tilt of the map, you can also drag the map while holding <kbd>Ctrl</kbd>.
+
+</DocsNote>
+
+### <Search size="16" class="inline-block" style="margin-bottom: 2px" /> Search bar
+
+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
+
+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.
+
+</DocsNote>
+
+### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Street view
+
+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.
+
+- <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.
+
+### <Layers size="16" class="inline-block" style="margin-bottom: 2px" /> Map layers
+
+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 <a href="https://www.mapbox.com/maps/outdoors" target="_blank">Mapbox Outdoors</a> basemap.
+    </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).
+
+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://docs.mapbox.com/help/glossary/style/" target="_blank">Mapbox style JSON</a> URLs.
--- a/website/src/lib/docs/id/menu.mdx
+++ b/website/src/lib/docs/id/menu.mdx
@@ -0,0 +1,17 @@
+---
+title: Menu
+---
+
+<script lang="ts">
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+</script>
+
+# { 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>
--- a/website/src/lib/docs/id/menu/edit.mdx
+++ b/website/src/lib/docs/id/menu/edit.mdx
@@ -0,0 +1,96 @@
+---
+title: Edit actions
+---
+
+<script lang="ts">
+    import { Undo2, Redo2, Info, PaintBucket, EyeOff, FileStack, ClipboardCopy, Scissors, ClipboardPaste, Trash2, Maximize, Plus } from '@lucide/svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+</script>
+
+# { title }
+
+Unlike the file actions, the edit actions can potentially modify the content of the currently selected files.
+Moreover, when the tree layout of the files list is enabled (see [Files and statistics](../files-and-stats)), they can also be applied to [tracks, segments, and points of interest](../gpx).
+Therefore, we will refer to the elements that can be modified by these actions as _file items_.
+Note that except for the undo and redo actions, the edit actions are also accessible through the context menu (right-click) of the file items.
+
+### <Undo2 size="16" class="inline-block" style="margin-bottom: 2px" /><Redo2 size="16" class="inline-block" style="margin-bottom: 2px" /> Undo and redo
+
+Using these buttons, you can undo or redo the last actions you performed.
+This applies to all actions of the interface but not to view options, application settings, or map navigation.
+
+### <Info size="16" class="inline-block" style="margin-bottom: 2px" /> Info...
+
+Open the information dialog of the currently selected file item, where you can see and edit its name and description.
+
+### <PaintBucket size="16" class="inline-block" style="margin-bottom: 2px" /> Appearance...
+
+Open the appearance dialog, where you can change the color, opacity, and width of the selected file items on the map.
+
+### <EyeOff size="16" class="inline-block" style="margin-bottom: 2px" /> Hide/unhide
+
+Toggle the visibility of the selected file items on the map.
+
+### <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> New track
+
+Create a new track in the selected file.
+
+<DocsNote>
+
+This action is only available when the tree layout of the files list is enabled.
+Additionally, the selection must be a single file.
+
+</DocsNote>
+
+### <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> New segment
+
+Create a new segment in the selected track.
+
+<DocsNote>
+
+This action is only available when the tree layout of the files list is enabled.
+Additionally, the selection must be a single track.
+
+</DocsNote>
+
+### <FileStack size="16" class="inline-block" style="margin-bottom: 2px" /> Select all
+
+Add all file items in the current hierarchy level to the selection.
+
+### <Maximize size="16" class="inline-block" style="margin-bottom: 2px" /> Center
+
+Center the map on the selected file items.
+
+### <ClipboardCopy size="16" class="inline-block" style="margin-bottom: 2px" /> Copy
+
+Copy the selected file items to the clipboard.
+
+<DocsNote>
+
+This action is only available when the tree layout of the files list is enabled.
+
+</DocsNote>
+
+### <Scissors size="16" class="inline-block" style="margin-bottom: 2px" /> Cut
+
+Cut the selected file items to the clipboard.
+
+<DocsNote>
+
+This action is only available when the tree layout of the files list is enabled.
+
+</DocsNote>
+
+### <ClipboardPaste size="16" class="inline-block" style="margin-bottom: 2px" /> Paste
+
+Paste the file items from the clipboard to the current hierarchy level if they are compatible with it.
+
+<DocsNote>
+
+This action is only available when the tree layout of the files list is enabled.
+
+</DocsNote>
+
+### <Trash2 size="16" class="inline-block" style="margin-bottom: 2px" /> Delete
+
+Delete the selected file items.
--- a/website/src/lib/docs/id/menu/file.mdx
+++ b/website/src/lib/docs/id/menu/file.mdx
@@ -0,0 +1,52 @@
+---
+title: File actions
+---
+
+<script lang="ts">
+    import { Plus, FolderOpen, Copy, FileX, Download } from '@lucide/svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+</script>
+
+# { 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
+
+Create a new empty file.
+
+### <FolderOpen size="16" class="inline-block" style="margin-bottom: 2px" /> Open...
+
+Open files from your computer. 
+
+<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
+
+Create a copy of the currently selected files.
+
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete
+
+Delete the currently selected files.
+
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all
+
+Delete all files.
+
+### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Export...
+
+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...
+
+Open the export dialog to save all files to your computer.
+
+<DocsNote type="warning">
+
+If your download does not start after clicking the download button, please check your browser settings to allow downloads from <b>gpx.studio</b>.
+
+</DocsNote>
--- a/website/src/lib/docs/id/menu/settings.mdx
+++ b/website/src/lib/docs/id/menu/settings.mdx
@@ -0,0 +1,50 @@
+---
+title: Settings
+---
+
+<script lang="ts">
+    import { Ruler, Zap, Thermometer, Languages, Sun, PersonStanding, Layers } from '@lucide/svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+</script>
+
+# { title }
+
+### <Ruler size="16" class="inline-block" style="margin-bottom: 2px" /> Distance units
+
+Change the units used to display distances in the interface.
+
+### <Zap size="16" class="inline-block" style="margin-bottom: 2px" /> Velocity units
+
+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
+
+Change the units used to display temperatures in the interface.
+
+### <Languages size="16" class="inline-block" style="margin-bottom: 2px" /> Language
+
+Change the language used in the interface.
+
+<DocsNote>
+
+You can contribute by adding or improving translations on our <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin project</a>.
+If you would like to start translating into a new language, please <a href="#contact">get in touch</a>.
+Any help is greatly appreciated!
+
+</DocsNote>
+
+### <Sun size="16" class="inline-block" style="margin-bottom: 2px" /> Theme
+
+Change the theme used in the interface.
+
+### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Street view source
+
+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).
+
+### <Layers size="16" class="inline-block" style="margin-bottom: 2px" /> Map layers...
+
+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).
--- a/website/src/lib/docs/id/menu/view.mdx
+++ b/website/src/lib/docs/id/menu/view.mdx
@@ -0,0 +1,49 @@
+---
+title: View options
+---
+
+<script lang="ts">
+    import { ChartArea, ListTree, Map, Layers2, Coins, Milestone, Box } from '@lucide/svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+</script>
+
+# { 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
+
+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
+
+Toggle the tree layout for the [file list](../files-and-stats).
+This layout is ideal for managing a large number of open files, as it organizes them into a vertical list on the right side of the map.
+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.
+
+### <Map size="16" class="inline-block" style="margin-bottom: 2px" /> Switch to previous basemap
+
+Change the basemap to the one previously selected through the [map layer control](../map-controls).
+
+### <Layers2 size="16" class="inline-block" style="margin-bottom: 2px" /> Toggle overlays
+
+Toggle the visibility of the map overlays selected through the [map layer control](../map-controls).
+
+### <Coins size="16" class="inline-block" style="margin-bottom: 2px" /> Distance markers
+
+Toggle the visibility of distance markers on the map.
+They are displayed for the current selection, like the [elevation profile](../files-and-stats).
+
+### <Milestone size="16" class="inline-block" style="margin-bottom: 2px" /> Direction arrows
+
+Toggle the visibility of direction arrows on the map.
+
+### <Box size="16" class="inline-block" style="margin-bottom: 2px" /> Toggle 3D
+
+Enter or exit the 3D map view.
+
+<DocsNote>
+
+To control the orientation and tilt of the map, you can also drag the map while holding <kbd>Ctrl</kbd>.
+
+</DocsNote>
--- a/website/src/lib/docs/id/toolbar.mdx
+++ b/website/src/lib/docs/id/toolbar.mdx
@@ -0,0 +1,32 @@
+---
+title: Toolbar
+---
+
+<script lang="ts">
+    import Toolbar from '$lib/components/toolbar/Toolbar.svelte';
+	import { currentTool, Tool } from '$lib/components/toolbar/tools';
+	import { onMount, onDestroy } from 'svelte';
+
+    onMount(() => {
+        currentTool.set(Tool.ROUTING);
+    });
+
+    onDestroy(() => {
+        currentTool.set(null);
+    });
+</script>
+
+# { 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.
+
+<div class="flex flex-row justify-center text-foreground">
+    <div>
+        <Toolbar class="border rounded-md shadow-lg" />
+    </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).
+
+The next sections describe each tool in detail.
--- a/website/src/lib/docs/id/toolbar/clean.mdx
+++ b/website/src/lib/docs/id/toolbar/clean.mdx
@@ -0,0 +1,18 @@
+---
+title: Clean
+---
+
+<script>
+    import { SquareDashedMousePointer } from '@lucide/svelte';
+    import Clean from '$lib/components/toolbar/tools/Clean.svelte';
+</script>
+
+# <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.
+
+<div class="flex flex-row justify-center">
+    <Clean class="text-foreground p-3 border rounded-md shadow-lg" />
+</div>
--- a/website/src/lib/docs/id/toolbar/elevation.mdx
+++ b/website/src/lib/docs/id/toolbar/elevation.mdx
@@ -0,0 +1,24 @@
+---
+title: Elevation
+---
+
+<script>
+    import { MountainSnow } from '@lucide/svelte';
+    import Elevation from '$lib/components/toolbar/tools/Elevation.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+</script>
+
+# <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.
+
+<div class="flex flex-row justify-center">
+    <Elevation class="text-foreground p-3 border rounded-md shadow-lg" />
+</div>
+
+<DocsNote>
+
+Elevation data is provided by <a href="https://mapbox.com" target="_blank">Mapbox</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.mapbox.com/data/tilesets/reference/mapbox-terrain-dem-v1/#elevation-data" target="_blank">documentation</a>.
+
+</DocsNote>
--- a/website/src/lib/docs/id/toolbar/extract.mdx
+++ b/website/src/lib/docs/id/toolbar/extract.mdx
@@ -0,0 +1,26 @@
+---
+title: Extract
+---
+
+<script>
+    import { Ungroup } from '@lucide/svelte';
+    import Extract from '$lib/components/toolbar/tools/Extract.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+</script>
+
+# <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.
+
+<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.
+
+</DocsNote>
--- a/website/src/lib/docs/id/toolbar/merge.mdx
+++ b/website/src/lib/docs/id/toolbar/merge.mdx
@@ -0,0 +1,20 @@
+---
+title: Merge
+---
+
+<script>
+    import { Group } from '@lucide/svelte';
+    import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+</script>
+
+# <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).
+
+- 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.
+
+<div class="flex flex-row justify-center">
+    <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
+</div>
--- a/website/src/lib/docs/id/toolbar/minify.mdx
+++ b/website/src/lib/docs/id/toolbar/minify.mdx
@@ -0,0 +1,26 @@
+---
+title: Minify
+---
+
+<script>
+    import { Funnel } from '@lucide/svelte';
+    import Reduce from '$lib/components/toolbar/tools/reduce/Reduce.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+</script>
+
+# <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.
+
+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" />
+</div>
+
+<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>.
+
+</DocsNote>
--- a/website/src/lib/docs/id/toolbar/poi.mdx
+++ b/website/src/lib/docs/id/toolbar/poi.mdx
@@ -0,0 +1,27 @@
+---
+title: Points of interest
+---
+
+<script>
+    import { MapPin } from '@lucide/svelte';
+    import Waypoint from '$lib/components/toolbar/tools/waypoint/Waypoint.svelte';
+</script>
+
+# <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.
+
+### 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.
--- a/website/src/lib/docs/id/toolbar/routing.mdx
+++ b/website/src/lib/docs/id/toolbar/routing.mdx
@@ -0,0 +1,84 @@
+---
+title: Route planning and editing
+---
+
+<script>
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
+    import DocsImage from '$lib/components/docs/DocsImage.svelte';
+</script>
+
+# <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>.
+
+<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
+
+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>.
+
+### <Bike size="16" class="inline-block" style="margin-bottom: 2px" /> Activity
+
+Select the activity type to tailor the routes for.
+
+### <TriangleAlert size="16" class="inline-block" style="margin-bottom: 2px" /> Allow private roads
+
+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.
+
+</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.
+
+<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
+
+## Additional tools
+
+The following tools automate some common route modification operations.
+
+### <ArrowRightLeft size="16" class="inline-block" style="margin-bottom: 2px" /> Reverse
+
+Reverse the direction of the route.
+
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start
+
+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
+
+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
+
+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.
--- a/website/src/lib/docs/id/toolbar/scissors.mdx
+++ b/website/src/lib/docs/id/toolbar/scissors.mdx
@@ -0,0 +1,32 @@
+---
+title: Crop and split
+---
+
+<script>
+    import { ScissorsIcon } from '@lucide/svelte';
+    import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
+    import DocsImage from '$lib/components/docs/DocsImage.svelte';
+</script>
+
+# <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.
+
+<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).
+
+<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
--- a/website/src/lib/docs/id/toolbar/time.mdx
+++ b/website/src/lib/docs/id/toolbar/time.mdx
@@ -0,0 +1,27 @@
+---
+title: Time
+---
+
+<script>
+    import { CalendarClock } from '@lucide/svelte';
+    import Time from '$lib/components/toolbar/tools/Time.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+</script>
+
+# <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>
--- a/website/src/lib/docs/it/home/funding.mdx
+++ b/website/src/lib/docs/it/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Aiuta a mantenere il sito gratuito (e senza pubblicità)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Aiuta a mantenere il sito gratuito (e senza pubblicità)

 Ogni volta che aggiungi o sposti i punti GPS, i nostri server calcolano il percorso migliore sulla rete stradale.
 Utilizziamo anche le API di <a href="https://mapbox.com" target="_blank">Mapbox</a> per visualizzare mappe gradevoli, recuperare i dati altimetrici e consentire la ricerca di luoghi.
--- a/website/src/lib/docs/it/home/translation.mdx
+++ b/website/src/lib/docs/it/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Traduzione
+## <Languages size="18" class="inline-block align-baseline" /> Traduzione

 Il sito web è tradotto da volontari utilizzando una piattaforma di traduzione collaborativa.
 Tu puoi contribuire aggiungendo o migliorando le traduzioni sul nostro <a href="https://crowdin.com/project/gpxstudio" target="_blank">progetto Crowdin</a>.
--- a/website/src/lib/docs/it/menu/file.mdx
+++ b/website/src/lib/docs/it/menu/file.mdx
@@ -29,13 +29,13 @@ cÈ inoltre possibile trascinare i file direttamente dal file system del tuo Pc

 Crea una copia dei file attualmente selezionati.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Chiudi
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Chiude i file attualmente selezionati.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" />Chiudi tutto
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Chiudi tutti i file.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Esporta...

--- a/website/src/lib/docs/it/toolbar/elevation.mdx
+++ b/website/src/lib/docs/it/toolbar/elevation.mdx
@@ -18,7 +18,7 @@ Questo strumento ti permette di aggiungere dati di altimetria a tracce e [punti

 <DocsNote>

-I dati di altimetria sono forniti da <a href="https://mapbox.com" target="_blank">Mapbox</a>.
+I dati altimertrici sono forniti da <a href="https://mapbox.com" target="_blank">Mapbox</a>.
 Puoi saperne di più sulla sua origine e accuratezza nella <a href="https://docs.mapbox.com/data/tilesets/reference/mapbox-terrain-dem-v1/#elevation-data" target="_blank">documentazione</a>.

 </DocsNote>
--- a/website/src/lib/docs/it/toolbar/routing.mdx
+++ b/website/src/lib/docs/it/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Pianificazione e modifica del percorso
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ I seguenti strumenti automatizzano alcune operazioni comuni di modifica del perc

 Inverte la direzione del percorso.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Torna all'inizio
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Torna all'inizio

 Collega l'ultimo punto del percorso con il punto di partenza, utilizzando le impostazioni di routing scelte.

--- a/website/src/lib/docs/ko/home/funding.mdx
+++ b/website/src/lib/docs/ko/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Help keep the website free (and ad-free)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Help keep the website free (and ad-free)

 Each time you add or move GPS points, our servers calculate the best route on the road network.
 We also use APIs from <a href="https://mapbox.com" target="_blank">Mapbox</a> to display beautiful maps, retrieve elevation data and allow you to search for places.
--- a/website/src/lib/docs/ko/home/translation.mdx
+++ b/website/src/lib/docs/ko/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> 번역
+## <Languages size="18" class="inline-block align-baseline" /> Translation

 이 웹사이트는 협업 번역 플랫폼을 통해 자원봉사자들이 번역하고 있습니다.<a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin 프로젝트</a>에서 번역을 추가하거나 개선하여 기여할 수 있습니다.

--- a/website/src/lib/docs/ko/menu/file.mdx
+++ b/website/src/lib/docs/ko/menu/file.mdx
@@ -29,13 +29,13 @@ You can also drag and drop files directly from your file system into the window.

 Create a copy of the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Close the currently selected files.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close all
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Close all files.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Export...

--- a/website/src/lib/docs/ko/toolbar/routing.mdx
+++ b/website/src/lib/docs/ko/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Route planning and editing
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ The following tools automate some common route modification operations.

 Reverse the direction of the route.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start

 Connect the last point of the route with the starting point, using the chosen routing settings.

--- a/website/src/lib/docs/lt/files-and-stats.mdx
+++ b/website/src/lib/docs/lt/files-and-stats.mdx
@@ -26,7 +26,7 @@ Ir kai yra atidaryta daug bylų, jūs galite slinkti pro skirtukų sąrašą, ka

 <DocsNote>

-Naudojant pelę, jūs turite laikyti <kbd>Shift<kbd>, kad slinktumėte horizontaliai.
+Naudojant pelę, jūs turite laikyti <kbd>Shift</kbd>, kad slinktumėte horizontaliai.

 </DocsNote>

--- a/website/src/lib/docs/lt/home/funding.mdx
+++ b/website/src/lib/docs/lt/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Help keep the website free (and ad-free)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Help keep the website free (and ad-free)

 Each time you add or move GPS points, our servers calculate the best route on the road network.
 We also use APIs from <a href="https://mapbox.com" target="_blank">Mapbox</a> to display beautiful maps, retrieve elevation data and allow you to search for places.
--- a/website/src/lib/docs/lt/home/translation.mdx
+++ b/website/src/lib/docs/lt/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Translation
+## <Languages size="18" class="inline-block align-baseline" /> Translation

 The website is translated by volunteers using a collaborative translation platform.
 You can contribute by adding or improving translations on our <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin project</a>.
--- a/website/src/lib/docs/lt/menu/file.mdx
+++ b/website/src/lib/docs/lt/menu/file.mdx
@@ -29,13 +29,13 @@ You can also drag and drop files directly from your file system into the window.

 Create a copy of the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Close the currently selected files.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close all
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Close all files.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Export...

--- a/website/src/lib/docs/lt/toolbar/routing.mdx
+++ b/website/src/lib/docs/lt/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Route planning and editing
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ The following tools automate some common route modification operations.

 Reverse the direction of the route.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start

 Connect the last point of the route with the starting point, using the chosen routing settings.

--- a/website/src/lib/docs/lv/home/funding.mdx
+++ b/website/src/lib/docs/lv/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Help keep the website free (and ad-free)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Help keep the website free (and ad-free)

 Each time you add or move GPS points, our servers calculate the best route on the road network.
 We also use APIs from <a href="https://mapbox.com" target="_blank">Mapbox</a> to display beautiful maps, retrieve elevation data and allow you to search for places.
--- a/website/src/lib/docs/lv/home/translation.mdx
+++ b/website/src/lib/docs/lv/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Tulkojums
+## <Languages size="18" class="inline-block align-baseline" /> Translation

 The website is translated by volunteers using a collaborative translation platform.
 You can contribute by adding or improving translations on our <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin project</a>.
--- a/website/src/lib/docs/lv/menu/file.mdx
+++ b/website/src/lib/docs/lv/menu/file.mdx
@@ -29,13 +29,13 @@ You can also drag and drop files directly from your file system into the window.

 Create a copy of the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete

-Close the currently selected files.
+Delete the currently selected files.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Close all
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Delete all

-Close all files.
+Delete all files.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Export...

--- a/website/src/lib/docs/lv/toolbar/routing.mdx
+++ b/website/src/lib/docs/lv/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Route planning and editing
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ The following tools automate some common route modification operations.

 Reverse the direction of the route.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start

 Connect the last point of the route with the starting point, using the chosen routing settings.

--- a/website/src/lib/docs/nl/home/funding.mdx
+++ b/website/src/lib/docs/nl/home/funding.mdx
@@ -2,7 +2,7 @@
    import { HeartHandshake } from '@lucide/svelte';
 </script>

-## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Help de website gratis te houden (en advertentievrij)
+## <HeartHandshake size="18" class="inline-block align-baseline" /> Help de website gratis te houden (en advertentievrij)

 Elke keer dat u GPS-punten toevoegt of verplaatst, berekenen onze servers de beste route op het wegennetwerk.
 We gebruiken ook API's van <a href="https://mapbox.com" target="_blank">Mapbox</a> om mooie kaarten weer te geven, hoogtegegevens op te halen en u toe te staan om naar plaatsen te zoeken.
--- a/website/src/lib/docs/nl/home/translation.mdx
+++ b/website/src/lib/docs/nl/home/translation.mdx
@@ -2,7 +2,7 @@
    import { Languages } from '@lucide/svelte';
 </script>

-## <Languages size="18" class="mr-1 inline-block align-baseline" /> Vertaling
+## <Languages size="18" class="inline-block align-baseline" /> Vertaling

 De website werd vertaald door vrijwilligers op een samenwerkend vertaalplatform.
 Je kunt bijdragen door vertalingen van ons <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin-project</a> toe te voegen of te verbeteren.
--- a/website/src/lib/docs/nl/menu/file.mdx
+++ b/website/src/lib/docs/nl/menu/file.mdx
@@ -29,13 +29,13 @@ Je kunt ook bestanden direct vanuit je bestandssysteem naar het venster slepen.

 Maak een kopie van de huidige geselecteerde bestanden.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Sluiten
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Verwijder

-Sluit de huidige geselecteerde bestanden.
+Verwijder de geselecteerde bestanden.

-### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Alles sluiten
+### <FileX size="16" class="inline-block" style="margin-bottom: 2px" /> Verwijder allemaal

-Sluit alle bestanden.
+Verwijder alle bestanden.

 ### <Download size="16" class="inline-block" style="margin-bottom: 2px" /> Exporteren...

--- a/website/src/lib/docs/nl/toolbar/routing.mdx
+++ b/website/src/lib/docs/nl/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Routeplanning en -bewerking
 ---

 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, House, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
@@ -71,7 +71,7 @@ De volgende gereedschappen automatiseren bewerkingen op een gemeenschappelijke r

 Keer de richting van de route om.

-### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Terug naar start
+### <House size="16" class="inline-block" style="margin-bottom: 2px" /> Terug naar start

 Sluit het laatste punt van de route aan met het startpunt, door gebruik te maken van de gekozen route-instellingen.

--- a/Show More
+++ b/Show More