fix open in link

website/src/lib/components/embedding/Embedding.svelte

@@ -5,7 +5,7 @@
 	import GPXStatistics from '$lib/components/GPXStatistics.svelte';
 	import MapComponent from '$lib/components/Map.svelte';
 	import LayerControl from '$lib/components/layer-control/LayerControl.svelte';
-	import OpenIn from '$lib/components/OpenIn.svelte';
+	import OpenIn from '$lib/components/embedding/OpenIn.svelte';
 
 	import { gpxStatistics, slicedGPXStatistics, embedding, loadFile, map } from '$lib/stores';
 	import { onDestroy, onMount } from 'svelte';
@@ -15,8 +15,6 @@
 	import { selection } from '$lib/components/file-list/Selection';
 	import { ListFileItem } from '$lib/components/file-list/FileList';
 	import { allowedEmbeddingBasemaps, type EmbeddingOptions } from './Embedding';
-	import { languages } from '$lib/languages';
-	import { getURLForLanguage } from '$lib/utils';
 
 	$embedding = true;
 
@@ -97,6 +95,8 @@
 				return $selection;
 			});
 
+			console.log($fileObservers, $selection);
+
 			map.subscribe(($map) => {
 				if ($map) {
 					$map.fitBounds(

website/src/lib/components/embedding/OpenIn.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Button } from '$lib/components/ui/button';
+	import Logo from '$lib/components/Logo.svelte';
+	import { _ } from 'svelte-i18n';
+
+	export let files: string[];
+</script>
+
+<Button
+	variant="ghost"
+	class="absolute top-0 flex-wrap h-fit bg-background font-semibold rounded-md py-1 px-2 gap-1.5 xs:text-base mt-2.5 ml-2.5 mr-12"
+	href="./app?files={encodeURIComponent(JSON.stringify(files))}"
+	target="_blank"
+>
+	{$_('menu.open_in')}
+	<Logo class="h-[18px] xs:h-5 translate-y-[1px]" />
+</Button>