From 3b5d5e51765f2663ae4e6002c1f8f0042fd74844 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Tue, 13 Jan 2026 10:34:59 +0000
Subject: [PATCH] Bring back logo version tooltip

---
 resources/js/components/global-header/Logo.vue   | 8 ++++----
 src/Http/Middleware/CP/HandleInertiaRequests.php | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/global-header/Logo.vue b/resources/js/components/global-header/Logo.vue
index cf2e4a3ff42..c463399ad9a 100644
--- a/resources/js/components/global-header/Logo.vue
+++ b/resources/js/components/global-header/Logo.vue
@@ -6,7 +6,7 @@ import ProBadge from './ProBadge.vue';
 import { Link } from '@inertiajs/vue3';
 import useStatamicPageProps from '@/composables/page-props.js';
 
-const { logos, isPro, cmsName } = useStatamicPageProps();
+const { logos, isPro, cmsName, version } = useStatamicPageProps();
 const customLogoImage = computed(() => {
     if (! logos) return null
     return logos.dark.nav ?? logos.light.nav;
@@ -26,9 +26,9 @@ function toggleNav() {
                 <div class="p-1 max-sm:ps-2 mr-2 size-5 flex items-center justify-center lg:inset-0">
                     <Icon name="burger-menu-no-border" class="size-3.5! sm:size-3.25! opacity-75 hover:opacity-100" />
                 </div>
-                <img v-if="customLogoImage" :src="customLogoImage" :alt="cmsName" class="w-full max-w-[260px] max-h-7">
+                <img v-if="customLogoImage" :src="customLogoImage" :alt="cmsName" class="w-full max-w-[260px] max-h-7" v-tooltip="version">
             </button>
-            <Link v-if="customLogoText && !customLogoImage" :href="cp_url('/')" class="mr-2 font-medium text-white whitespace-nowrap" style="--focus-outline-offset: var(--outline-offset-button);">
+            <Link v-if="customLogoText && !customLogoImage" :href="cp_url('/')" class="mr-2 font-medium text-white whitespace-nowrap" v-tooltip="version" style="--focus-outline-offset: var(--outline-offset-button);">
                 {{ customLogoText }}
             </Link>
         </div>
@@ -39,7 +39,7 @@ function toggleNav() {
                 <div class="p-1 max-sm:ps-2 mr-2 size-5 flex items-center justify-center lg:inset-0">
                     <Icon name="burger-menu-no-border" class="size-3.5! sm:size-3.25! opacity-75 hover:opacity-100" />
                 </div>
-                <StatamicLogo class="size-7" />
+                <StatamicLogo class="size-7" v-tooltip="version" />
             </button>
             <Link :href="cp_url('/')" class="max-[350px]:hidden text-white/85 rounded-xs whitespace-nowrap" style="--focus-outline-offset: var(--outline-offset-button);">
                 {{ logos.text ?? logos.siteName }}
diff --git a/src/Http/Middleware/CP/HandleInertiaRequests.php b/src/Http/Middleware/CP/HandleInertiaRequests.php
index b1d1a07e74c..60aa7ea2bd6 100644
--- a/src/Http/Middleware/CP/HandleInertiaRequests.php
+++ b/src/Http/Middleware/CP/HandleInertiaRequests.php
@@ -26,6 +26,7 @@ public function share(Request $request): array
         return array_filter([
             ...parent::share($request),
             '_statamic' => [
+                'version' => Statamic::version(),
                 'cmsName' => __(Statamic::pro() ? config('statamic.cp.custom_cms_name', 'Statamic') : 'Statamic'),
                 'logos' => $this->logos(),
             ],