From bce2508fef0c99f1918b6cd76b0b78119b0d884c Mon Sep 17 00:00:00 2001
From: jacquesfize <jacques.fize@gmail.com>
Date: Sun, 5 Jul 2026 10:59:16 +0200
Subject: [PATCH 1/7] chore: update VERSION file

---
 VERSION | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/VERSION b/VERSION
index 26aaba0e..f0bb29e7 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-1.2.0
+1.3.0

From 9fe2b986506a8821af75015d9cc4e32e2430b162 Mon Sep 17 00:00:00 2001
From: jacquesfize <jacques.fize@gmail.com>
Date: Sun, 5 Jul 2026 10:59:28 +0200
Subject: [PATCH 2/7] feat: add version display with tooltip in TaxonListFooter
 component

---
 .../core/taxonList/TaxonListFooter.vue           | 13 +++++++++++++
 vite.config.js                                   | 16 +++++++++++++++-
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/components/core/taxonList/TaxonListFooter.vue b/src/components/core/taxonList/TaxonListFooter.vue
index 885dc6a6..97e493fd 100644
--- a/src/components/core/taxonList/TaxonListFooter.vue
+++ b/src/components/core/taxonList/TaxonListFooter.vue
@@ -57,6 +57,9 @@
             subtree: true,
         }
     );
+    const versionTooltipAnchor = (ref < HTMLElement) | (null > null);
+    const showTooltip = ref(false);
+    const VERSION = __APP_VERSION__;
 </script>
 
 <template>
@@ -75,10 +78,20 @@
                 @click="toggleExpand"
             >
                 <div class="footer-main-content">
+                    <FloatingTooltip
+                        :show="showTooltip"
+                        :anchor="versionTooltipAnchor"
+                        :offset="8"
+                    >
+                        Version : {{ VERSION }}
+                    </FloatingTooltip>
                     <a
                         href="https://si.ecrins-parcnational.com/blog/2025-08-BAM-widget-en.html"
                         target="_blank"
                         class="bam-logo-link"
+                        ref="versionTooltipAnchor"
+                        @mouseenter="showTooltip = true"
+                        @mouseleave="showTooltip = false"
                         @click.stop
                     >
                         <img
diff --git a/vite.config.js b/vite.config.js
index d43b2630..51476a87 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -7,9 +7,20 @@ import Components from 'unplugin-vue-components/vite';
 import { BootstrapVueNextResolver } from 'bootstrap-vue-next';
 import { VitePWA } from 'vite-plugin-pwa';
 import webfontDownload from 'vite-plugin-webfont-dl';
+import { readFileSync } from 'fs';
+import path from 'path';
 
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const version = readFileSync(
+    path.resolve(__dirname, 'VERSION'),
+    'utf-8'
+).trim();
 // https://vite.dev/config/
 export default defineConfig({
+    define: {
+        __APP_VERSION__: JSON.stringify(version),
+    },
     base: process.env.NODE_ENV === 'production' ? '/BAM-widget/' : '/',
     plugins: [
         vue(),
@@ -28,7 +39,7 @@ export default defineConfig({
                 'maskable-icon-512x512.png',
             ],
             manifest: {
-                name: 'BAM (Biodiversity Around Me',
+                name: `BAM (Biodiversity Around Me) - v${version}`,
                 short_name: 'BAM',
                 description:
                     'BAM is an application for showing species seen nearby any location around the world',
@@ -76,4 +87,7 @@ export default defineConfig({
             '@': fileURLToPath(new URL('./src', import.meta.url)),
         },
     },
+    css: {
+        devSourcemap: false, // stops Vite from trying to load CSS source maps in dev
+    },
 });

From aa5d344478113d26b23c55460e98b02845f84294 Mon Sep 17 00:00:00 2001
From: jacquesfize <jacques.fize@gmail.com>
Date: Sun, 5 Jul 2026 11:07:04 +0200
Subject: [PATCH 3/7] fixup! feat: add version display with tooltip in
 TaxonListFooter component

---
 src/components/core/taxonList/TaxonListFooter.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/core/taxonList/TaxonListFooter.vue b/src/components/core/taxonList/TaxonListFooter.vue
index 97e493fd..899d6b97 100644
--- a/src/components/core/taxonList/TaxonListFooter.vue
+++ b/src/components/core/taxonList/TaxonListFooter.vue
@@ -57,7 +57,7 @@
             subtree: true,
         }
     );
-    const versionTooltipAnchor = (ref < HTMLElement) | (null > null);
+    const versionTooltipAnchor = ref(null);
     const showTooltip = ref(false);
     const VERSION = __APP_VERSION__;
 </script>

From 0e7ded440399b90fd1c604d68496828b0cc5bfc6 Mon Sep 17 00:00:00 2001
From: jacquesfize <jacques.fize@gmail.com>
Date: Sun, 5 Jul 2026 11:12:21 +0200
Subject: [PATCH 4/7] feat: include commit hash in version display for
 TaxonListFooter component

---
 src/components/core/taxonList/TaxonListFooter.vue | 3 ++-
 vite.config.js                                    | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/core/taxonList/TaxonListFooter.vue b/src/components/core/taxonList/TaxonListFooter.vue
index 899d6b97..b4ec6509 100644
--- a/src/components/core/taxonList/TaxonListFooter.vue
+++ b/src/components/core/taxonList/TaxonListFooter.vue
@@ -60,6 +60,7 @@
     const versionTooltipAnchor = ref(null);
     const showTooltip = ref(false);
     const VERSION = __APP_VERSION__;
+    const COMMIT_HASH = __COMMIT_HASH__;
 </script>
 
 <template>
@@ -83,7 +84,7 @@
                         :anchor="versionTooltipAnchor"
                         :offset="8"
                     >
-                        Version : {{ VERSION }}
+                        Version : {{ VERSION }} ({{ COMMIT_HASH }})
                     </FloatingTooltip>
                     <a
                         href="https://si.ecrins-parcnational.com/blog/2025-08-BAM-widget-en.html"
diff --git a/vite.config.js b/vite.config.js
index 51476a87..3d303c29 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -9,6 +9,7 @@ import { VitePWA } from 'vite-plugin-pwa';
 import webfontDownload from 'vite-plugin-webfont-dl';
 import { readFileSync } from 'fs';
 import path from 'path';
+import { execSync } from 'child_process';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
@@ -16,10 +17,13 @@ const version = readFileSync(
     path.resolve(__dirname, 'VERSION'),
     'utf-8'
 ).trim();
+const commitHash =
+    execSync('git rev-parse --short HEAD').toString().trim() || '';
 // https://vite.dev/config/
 export default defineConfig({
     define: {
         __APP_VERSION__: JSON.stringify(version),
+        __COMMIT_HASH__: JSON.stringify(commitHash),
     },
     base: process.env.NODE_ENV === 'production' ? '/BAM-widget/' : '/',
     plugins: [

From 8cf5c2e5ddea406f6499697bc7e56e341a2aa9da Mon Sep 17 00:00:00 2001
From: jacquesfize <jacques.fize@gmail.com>
Date: Sun, 5 Jul 2026 19:21:06 +0200
Subject: [PATCH 5/7] apply review from @camillemonchicourt

---
 .../core/taxonList/TaxonListFooter.vue           | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/core/taxonList/TaxonListFooter.vue b/src/components/core/taxonList/TaxonListFooter.vue
index b4ec6509..fd69841a 100644
--- a/src/components/core/taxonList/TaxonListFooter.vue
+++ b/src/components/core/taxonList/TaxonListFooter.vue
@@ -84,15 +84,19 @@
                         :anchor="versionTooltipAnchor"
                         :offset="8"
                     >
+                        Powered by
+                        <a
+                            href="https://si.ecrins-parcnational.com/blog/2025-08-BAM-widget-en.html"
+                            target="_blank"
+                            >BAM (Biodiversity Around Me)</a
+                        >
+                        <br />
                         Version : {{ VERSION }} ({{ COMMIT_HASH }})
                     </FloatingTooltip>
-                    <a
-                        href="https://si.ecrins-parcnational.com/blog/2025-08-BAM-widget-en.html"
-                        target="_blank"
+                    <span
                         class="bam-logo-link"
                         ref="versionTooltipAnchor"
-                        @mouseenter="showTooltip = true"
-                        @mouseleave="showTooltip = false"
+                        @click="showTooltip = !showTooltip"
                         @click.stop
                     >
                         <img
@@ -100,7 +104,7 @@
                             height="24px"
                             alt="BAM logo"
                         />
-                    </a>
+                    </span>
                     <span class="species-count">
                         <strong>{{ props.numberOfSpecies }}</strong>
                         {{ $t('taxon.taxonFound') }}

From 7ce19fc25c0a3489c14911fd11cd30325df52fb7 Mon Sep 17 00:00:00 2001
From: jacquesfize <jacques.fize@gmail.com>
Date: Mon, 13 Jul 2026 17:06:00 +0200
Subject: [PATCH 6/7] feat: enhance FloatingTooltip

---
 src/components/commons/AudioPlayer.vue        |  94 +------------
 src/components/commons/CopyrightIcon.vue      |  60 +-------
 src/components/commons/FloatingTooltip.vue    | 130 ++++++++++++++++--
 .../core/taxonList/TaxonListFooter.vue        |  14 +-
 4 files changed, 128 insertions(+), 170 deletions(-)

diff --git a/src/components/commons/AudioPlayer.vue b/src/components/commons/AudioPlayer.vue
index b3b7e2b4..3bfdfd96 100644
--- a/src/components/commons/AudioPlayer.vue
+++ b/src/components/commons/AudioPlayer.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
     import { Media } from '@/lib/models';
-    import { ref, onBeforeUnmount, onMounted } from 'vue';
+    import { ref, onBeforeUnmount } from 'vue';
     import Credits from './Credits.vue';
     import FloatingTooltip from './FloatingTooltip.vue';
 
@@ -21,11 +21,8 @@
     const play = ref(false);
     const progress = ref(0);
     const audioInstance = ref<HTMLAudioElement | null>(null);
-    const showTooltip = ref(false);
     const buttonWrapper = ref<HTMLElement | null>(null);
     let animationFrameId: number | null = null;
-    let longPressTimer: number | null = null;
-    let hoverTimer: number | null = null;
     const size_px = props.size * 0.7 + 'px';
 
     function updateProgress() {
@@ -83,79 +80,12 @@
         play.value ? audioInstance.value.pause() : audioInstance.value.play();
     }
 
-    function showTooltipHandler() {
-        if (!props.showCredits || !props.audio?.source) return;
-
-        // Clear any pending hide timer
-        if (hoverTimer) {
-            clearTimeout(hoverTimer);
-            hoverTimer = null;
-        }
-
-        showTooltip.value = true;
-    }
-
-    function hideTooltipHandler() {
-        // Add a delay before hiding to allow moving mouse to tooltip
-        hoverTimer = window.setTimeout(() => {
-            showTooltip.value = false;
-        }, 200); // 200ms delay before hiding
-    }
-
-    function keepTooltipVisible() {
-        // Cancel hide timer when hovering over tooltip
-        if (hoverTimer) {
-            clearTimeout(hoverTimer);
-            hoverTimer = null;
-        }
-    }
-
-    function handleTouchStart(event: TouchEvent) {
-        if (!props.showCredits || !props.audio?.source) return;
-
-        longPressTimer = window.setTimeout(() => {
-            showTooltip.value = true;
-            // Prevent the default action to avoid opening context menu
-            event.preventDefault();
-        }, 500); // 500ms for long press
-    }
-
-    function handleTouchEnd() {
-        if (longPressTimer) {
-            clearTimeout(longPressTimer);
-            longPressTimer = null;
-        }
-    }
-
-    function handleTouchMove() {
-        // Cancel long press if user moves finger
-        if (longPressTimer) {
-            clearTimeout(longPressTimer);
-            longPressTimer = null;
-        }
-    }
-
-    function closeTooltip() {
-        showTooltip.value = false;
-    }
-
-    onMounted(() => {
-        window.addEventListener('click', closeTooltip);
-    });
-
     onBeforeUnmount(() => {
         if (animationFrameId) cancelAnimationFrame(animationFrameId);
         if (audioInstance.value) {
             audioInstance.value.pause();
             audioInstance.value = null;
         }
-        if (longPressTimer) {
-            clearTimeout(longPressTimer);
-        }
-        if (hoverTimer) {
-            clearTimeout(hoverTimer);
-        }
-        window.removeEventListener('click', closeTooltip);
     });
 </script>
 
@@ -181,11 +111,6 @@
                 height: size + 'px',
             }"
             @click.stop="toggleAudio"
-            @mouseenter="showTooltipHandler"
-            @mouseleave="hideTooltipHandler"
-            @touchstart="handleTouchStart"
-            @touchend="handleTouchEnd"
-            @touchmove="handleTouchMove"
             data-testid="Toggle to play animal sound"
         >
             <i :class="play ? 'bi bi-pause-fill' : 'bi bi-play-fill'"></i>
@@ -194,10 +119,7 @@
         <!-- Tooltip for copyright -->
         <FloatingTooltip
             v-if="showCredits && audio?.source"
-            :show="showTooltip"
             :anchor="buttonWrapper"
-            @mouseenter="keepTooltipVisible"
-            @mouseleave="hideTooltipHandler"
         >
             <Credits :media="audio" />
         </FloatingTooltip>
@@ -206,16 +128,7 @@
     <!-- Standard player variant -->
     <div v-else class="audio-player-wrapper">
         <div class="audio-player" data-testid="animal sound">
-            <button
-                @click="toggleAudio"
-                @mouseenter="showTooltipHandler"
-                @mouseleave="hideTooltipHandler"
-                @touchstart="handleTouchStart"
-                @touchend="handleTouchEnd"
-                @touchmove="handleTouchMove"
-                class="play-button"
-                type="button"
-            >
+            <button @click="toggleAudio" class="play-button" type="button">
                 <i :class="play ? 'bi bi-pause-fill' : 'bi bi-play-fill'"></i>
             </button>
 
@@ -231,10 +144,7 @@
         <div
             v-if="showCredits && audio?.source"
             class="copyright-tooltip player-variant"
-            :class="{ active: showTooltip }"
             @click.stop
-            @mouseenter="keepTooltipVisible"
-            @mouseleave="hideTooltipHandler"
         >
             <Credits :media="audio" link-color="link-light" />
         </div>
diff --git a/src/components/commons/CopyrightIcon.vue b/src/components/commons/CopyrightIcon.vue
index 26422c54..cc4f9fae 100644
--- a/src/components/commons/CopyrightIcon.vue
+++ b/src/components/commons/CopyrightIcon.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
     import Credits from './Credits.vue';
     import { Media } from '@/lib/models';
-    import { ref, onMounted, onBeforeUnmount } from 'vue';
+    import { ref } from 'vue';
     import copyrightIcon from '@/assets/images/copyright.svg';
     import FloatingTooltip from './FloatingTooltip.vue';
 
@@ -15,55 +15,7 @@
         }
     );
 
-    const showTooltip = ref(false);
     const iconWrapper = ref<HTMLElement | null>(null);
-    let hoverTimer: number | null = null;
-
-    function toggleTooltip(event: Event) {
-        event.stopPropagation();
-        if (hoverTimer) {
-            clearTimeout(hoverTimer);
-            hoverTimer = null;
-        }
-        showTooltip.value = !showTooltip.value;
-    }
-
-    function showTooltipHandler() {
-        if (hoverTimer) {
-            clearTimeout(hoverTimer);
-            hoverTimer = null;
-        }
-
-        showTooltip.value = true;
-    }
-
-    function hideTooltipHandler() {
-        hoverTimer = window.setTimeout(() => {
-            showTooltip.value = false;
-        }, 200);
-    }
-
-    function keepTooltipVisible() {
-        if (hoverTimer) {
-            clearTimeout(hoverTimer);
-            hoverTimer = null;
-        }
-    }
-
-    function closeTooltip() {
-        showTooltip.value = false;
-    }
-
-    onMounted(() => {
-        window.addEventListener('click', closeTooltip);
-    });
-
-    onBeforeUnmount(() => {
-        if (hoverTimer) {
-            clearTimeout(hoverTimer);
-        }
-        window.removeEventListener('click', closeTooltip);
-    });
 </script>
 
 <template>
@@ -75,19 +27,11 @@
         <div
             class="copyright-icon"
             :style="{ width: size + 'px', height: size + 'px' }"
-            @click="toggleTooltip"
-            @mouseenter="showTooltipHandler"
-            @mouseleave="hideTooltipHandler"
         >
             <img :src="copyrightIcon" class="copyright-svg" alt="Copyright" />
         </div>
 
-        <FloatingTooltip
-            :show="showTooltip"
-            :anchor="iconWrapper"
-            @mouseenter="keepTooltipVisible"
-            @mouseleave="hideTooltipHandler"
-        >
+        <FloatingTooltip :anchor="iconWrapper">
             <Credits :media="props.media" link-color="link-light"></Credits>
         </FloatingTooltip>
     </div>
diff --git a/src/components/commons/FloatingTooltip.vue b/src/components/commons/FloatingTooltip.vue
index 38e6c39e..9e34e340 100644
--- a/src/components/commons/FloatingTooltip.vue
+++ b/src/components/commons/FloatingTooltip.vue
@@ -5,13 +5,20 @@
         onBeforeUnmount,
         onMounted,
         ref,
+        unref,
         watch,
     } from 'vue';
+    import ParameterStore from '@/lib/parameterStore';
+
+    const parameterStore = ParameterStore.getInstance();
+    const { isMobile } = parameterStore;
 
     const props = withDefaults(
         defineProps<{
             show: boolean;
             anchor: HTMLElement | null;
+            trigger?: 'hover' | 'click';
+            hoverHideDelay?: number;
             offset?: number;
             viewportPadding?: number;
             zIndex?: number;
@@ -19,6 +26,8 @@
             backgroundColor?: string;
         }>(),
         {
+            trigger: 'hover',
+            hoverHideDelay: 300,
             offset: 8,
             viewportPadding: 8,
             zIndex: 2000,
@@ -30,19 +39,90 @@
     const emit = defineEmits<{
         (e: 'mouseenter'): void;
         (e: 'mouseleave'): void;
+        (e: 'update:show', value: boolean): void;
     }>();
 
     const tooltipElement = ref<HTMLElement | null>(null);
     const placement = ref<'top' | 'bottom'>('top');
     const tooltipStyle = ref<Record<string, string>>({});
+    const isVisible = ref(props.show);
+
+    let hideTimeout: ReturnType<typeof setTimeout> | null = null;
+
+    const effectiveTrigger = computed(() =>
+        unref(isMobile) ? 'click' : props.trigger
+    );
 
     const resolvedStyle = computed(() => ({
         ...tooltipStyle.value,
         zIndex: String(props.zIndex),
     }));
 
+    function clearHideTimeout() {
+        if (hideTimeout) {
+            clearTimeout(hideTimeout);
+            hideTimeout = null;
+        }
+    }
+
+    function setVisible(value: boolean) {
+        if (isVisible.value === value) return;
+        isVisible.value = value;
+        emit('update:show', value);
+    }
+
+    function scheduleHide() {
+        clearHideTimeout();
+        hideTimeout = setTimeout(() => {
+            setVisible(false);
+        }, props.hoverHideDelay);
+    }
+
+    function handleAnchorClick(event: MouseEvent) {
+        if (effectiveTrigger.value !== 'click') return;
+        event.stopPropagation();
+        setVisible(!isVisible.value);
+    }
+
+    function handleAnchorMouseEnter() {
+        if (effectiveTrigger.value !== 'hover') return;
+        clearHideTimeout();
+        setVisible(true);
+    }
+
+    function handleAnchorMouseLeave() {
+        if (effectiveTrigger.value !== 'hover') return;
+        scheduleHide();
+    }
+
+    function handleTooltipMouseEnter() {
+        if (effectiveTrigger.value === 'hover') {
+            clearHideTimeout();
+        }
+        emit('mouseenter');
+    }
+
+    function handleTooltipMouseLeave() {
+        if (effectiveTrigger.value === 'hover') {
+            scheduleHide();
+        }
+        emit('mouseleave');
+    }
+
+    function handleDocumentClick(event: MouseEvent) {
+        if (effectiveTrigger.value !== 'click' || !isVisible.value) return;
+
+        const target = event.target as Node;
+        const clickedAnchor = props.anchor?.contains(target);
+        const clickedTooltip = tooltipElement.value?.contains(target);
+
+        if (!clickedAnchor && !clickedTooltip) {
+            setVisible(false);
+        }
+    }
+
     async function updatePosition() {
-        if (!props.show || !props.anchor) return;
+        if (!isVisible.value || !props.anchor) return;
 
         await nextTick();
 
@@ -71,40 +151,74 @@
     }
 
     function handleViewportChange() {
-        if (props.show) {
+        if (isVisible.value) {
             updatePosition();
         }
     }
 
-    watch(() => props.show, handleViewportChange);
-    watch(() => props.anchor, handleViewportChange);
+    function attachAnchorListeners(el: HTMLElement) {
+        el.addEventListener('click', handleAnchorClick);
+        el.addEventListener('mouseenter', handleAnchorMouseEnter);
+        el.addEventListener('mouseleave', handleAnchorMouseLeave);
+    }
+
+    function detachAnchorListeners(el: HTMLElement) {
+        el.removeEventListener('click', handleAnchorClick);
+        el.removeEventListener('mouseenter', handleAnchorMouseEnter);
+        el.removeEventListener('mouseleave', handleAnchorMouseLeave);
+    }
+
+    watch(
+        () => props.anchor,
+        (newAnchor, oldAnchor) => {
+            if (oldAnchor) detachAnchorListeners(oldAnchor);
+            if (newAnchor) attachAnchorListeners(newAnchor);
+            handleViewportChange();
+        }
+    );
+
+    watch(
+        () => props.show,
+        (value) => {
+            isVisible.value = value;
+        }
+    );
+
+    watch(isVisible, () => {
+        handleViewportChange();
+    });
 
     onMounted(() => {
+        if (props.anchor) attachAnchorListeners(props.anchor);
         window.addEventListener('resize', handleViewportChange);
         window.addEventListener('scroll', handleViewportChange, true);
+        document.addEventListener('click', handleDocumentClick, true);
         handleViewportChange();
     });
 
     onBeforeUnmount(() => {
+        if (props.anchor) detachAnchorListeners(props.anchor);
         window.removeEventListener('resize', handleViewportChange);
         window.removeEventListener('scroll', handleViewportChange, true);
+        document.removeEventListener('click', handleDocumentClick, true);
+        clearHideTimeout();
     });
 </script>
 
 <template>
     <Teleport to="body">
         <div
-            v-show="show"
+            v-show="isVisible"
             ref="tooltipElement"
             class="floating-tooltip"
             :class="{
-                active: show,
+                active: isVisible,
                 'tooltip-below': placement === 'bottom',
             }"
             :style="resolvedStyle"
             @click.stop
-            @mouseenter="emit('mouseenter')"
-            @mouseleave="emit('mouseleave')"
+            @mouseenter="handleTooltipMouseEnter"
+            @mouseleave="handleTooltipMouseLeave"
         >
             <slot></slot>
         </div>
diff --git a/src/components/core/taxonList/TaxonListFooter.vue b/src/components/core/taxonList/TaxonListFooter.vue
index fd69841a..ec722f27 100644
--- a/src/components/core/taxonList/TaxonListFooter.vue
+++ b/src/components/core/taxonList/TaxonListFooter.vue
@@ -58,7 +58,6 @@
         }
     );
     const versionTooltipAnchor = ref(null);
-    const showTooltip = ref(false);
     const VERSION = __APP_VERSION__;
     const COMMIT_HASH = __COMMIT_HASH__;
 </script>
@@ -79,11 +78,7 @@
                 @click="toggleExpand"
             >
                 <div class="footer-main-content">
-                    <FloatingTooltip
-                        :show="showTooltip"
-                        :anchor="versionTooltipAnchor"
-                        :offset="8"
-                    >
+                    <FloatingTooltip :anchor="versionTooltipAnchor" :offset="8">
                         Powered by
                         <a
                             href="https://si.ecrins-parcnational.com/blog/2025-08-BAM-widget-en.html"
@@ -93,12 +88,7 @@
                         <br />
                         Version : {{ VERSION }} ({{ COMMIT_HASH }})
                     </FloatingTooltip>
-                    <span
-                        class="bam-logo-link"
-                        ref="versionTooltipAnchor"
-                        @click="showTooltip = !showTooltip"
-                        @click.stop
-                    >
+                    <span class="bam-logo-link" ref="versionTooltipAnchor">
                         <img
                             src="https://geonature.fr/documents/autres/BAM/BAM-logo.png"
                             height="24px"

From c638b776f9173c1d6c0dbcc8bffa359d9c14e6c0 Mon Sep 17 00:00:00 2001
From: jacquesfize <jacques.fize@gmail.com>
Date: Mon, 13 Jul 2026 17:14:50 +0200
Subject: [PATCH 7/7] fix: AudioPlayer was not showing credits anymore

---
 src/components/commons/AudioPlayer.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/commons/AudioPlayer.vue b/src/components/commons/AudioPlayer.vue
index 3bfdfd96..1465ed90 100644
--- a/src/components/commons/AudioPlayer.vue
+++ b/src/components/commons/AudioPlayer.vue
@@ -110,7 +110,7 @@
                 width: size + 'px',
                 height: size + 'px',
             }"
-            @click.stop="toggleAudio"
+            @click="toggleAudio"
             data-testid="Toggle to play animal sound"
         >
             <i :class="play ? 'bi bi-pause-fill' : 'bi bi-play-fill'"></i>
@@ -120,6 +120,7 @@
         <FloatingTooltip
             v-if="showCredits && audio?.source"
             :anchor="buttonWrapper"
+            :mode="'click'"
         >
             <Credits :media="audio" />
         </FloatingTooltip>