diff --git a/VERSION b/VERSION
index 26aaba0e..f0bb29e7 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-1.2.0
+1.3.0
diff --git a/src/components/commons/AudioPlayer.vue b/src/components/commons/AudioPlayer.vue
index b3b7e2b4..1465ed90 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>
 
@@ -180,12 +110,7 @@
                 width: size + 'px',
                 height: size + 'px',
             }"
-            @click.stop="toggleAudio"
-            @mouseenter="showTooltipHandler"
-            @mouseleave="hideTooltipHandler"
-            @touchstart="handleTouchStart"
-            @touchend="handleTouchEnd"
-            @touchmove="handleTouchMove"
+            @click="toggleAudio"
             data-testid="Toggle to play animal sound"
         >
             <i :class="play ? 'bi bi-pause-fill' : 'bi bi-play-fill'"></i>
@@ -194,10 +119,8 @@
         <!-- Tooltip for copyright -->
         <FloatingTooltip
             v-if="showCredits && audio?.source"
-            :show="showTooltip"
             :anchor="buttonWrapper"
-            @mouseenter="keepTooltipVisible"
-            @mouseleave="hideTooltipHandler"
+            :mode="'click'"
         >
             <Credits :media="audio" />
         </FloatingTooltip>
@@ -206,16 +129,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 +145,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 885dc6a6..ec722f27 100644
--- a/src/components/core/taxonList/TaxonListFooter.vue
+++ b/src/components/core/taxonList/TaxonListFooter.vue
@@ -57,6 +57,9 @@
             subtree: true,
         }
     );
+    const versionTooltipAnchor = ref(null);
+    const VERSION = __APP_VERSION__;
+    const COMMIT_HASH = __COMMIT_HASH__;
 </script>
 
 <template>
@@ -75,18 +78,23 @@
                 @click="toggleExpand"
             >
                 <div class="footer-main-content">
-                    <a
-                        href="https://si.ecrins-parcnational.com/blog/2025-08-BAM-widget-en.html"
-                        target="_blank"
-                        class="bam-logo-link"
-                        @click.stop
-                    >
+                    <FloatingTooltip :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>
+                    <span class="bam-logo-link" ref="versionTooltipAnchor">
                         <img
                             src="https://geonature.fr/documents/autres/BAM/BAM-logo.png"
                             height="24px"
                             alt="BAM logo"
                         />
-                    </a>
+                    </span>
                     <span class="species-count">
                         <strong>{{ props.numberOfSpecies }}</strong>
                         {{ $t('taxon.taxonFound') }}
diff --git a/vite.config.js b/vite.config.js
index d43b2630..3d303c29 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -7,9 +7,24 @@ 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';
+import { execSync } from 'child_process';
 
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+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: [
         vue(),
@@ -28,7 +43,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 +91,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
+    },
 });