From e4caffefcddbbbf02eb09f74a233843256f819e1 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Wed, 11 Feb 2026 10:43:30 +0000
Subject: [PATCH 1/4] Add support link to header

---
 .../js/components/global-header/Header.vue      |  2 ++
 .../components/global-header/SupportButton.vue  | 17 +++++++++++++++++
 .../CP/HandleAuthenticatedInertiaRequests.php   |  1 +
 3 files changed, 20 insertions(+)
 create mode 100644 resources/js/components/global-header/SupportButton.vue

diff --git a/resources/js/components/global-header/Header.vue b/resources/js/components/global-header/Header.vue
index c638b4002fa..c1d622b35a4 100644
--- a/resources/js/components/global-header/Header.vue
+++ b/resources/js/components/global-header/Header.vue
@@ -7,6 +7,7 @@ import SiteSelector from './SiteSelector.vue';
 import Search from './Search.vue';
 import ViewSiteButton from './ViewSiteButton.vue';
 import UserDropdown from './UserDropdown.vue';
+import SupportButton from "@/components/global-header/SupportButton.vue";
 
 const layout = inject('layout', {});
 const isMaxWidthEnabled = layout.isMaxWidthEnabled;
@@ -33,6 +34,7 @@ const toggleMaxWidth = layout.toggleMaxWidth;
             <div class="flex items-center">
                 <Search />
             </div>
+	        <SupportButton />
             <button
                 @click="toggleMaxWidth"
                 :aria-label="isMaxWidthEnabled ? __('Expand Layout') : __('Constrain Layout')"
diff --git a/resources/js/components/global-header/SupportButton.vue b/resources/js/components/global-header/SupportButton.vue
new file mode 100644
index 00000000000..a0a6319d3c2
--- /dev/null
+++ b/resources/js/components/global-header/SupportButton.vue
@@ -0,0 +1,17 @@
+<script setup>
+import { Icon } from '@ui';
+import useStatamicPageProps from '@/composables/page-props.js';
+
+const { supportUrl: url } = useStatamicPageProps();
+</script>
+
+<template>
+    <a
+        :href="url"
+        :aria-label="__('Support')"
+        class="inline-flex items-center justify-center whitespace-nowrap shrink-0 font-medium antialiased cursor-pointer no-underline disabled:text-white/60 dark:disabled:text-white/50 disabled:cursor-not-allowed [&_svg]:shrink-0 [&_svg]:text-gray-925 [&_svg]:opacity-60 dark:[&_svg]:text-white bg-transparent hover:bg-gray-400/10 text-gray-900 dark:text-gray-300 dark:hover:bg-white/15 dark:hover:text-gray-200 h-8 text-[0.8125rem] leading-tight rounded-lg px-0 gap-0 w-8 [&_svg]:size-4 -me-2 [&_svg]:text-white/85! v-popper--has-tooltip"
+        target="_blank"
+    >
+        <Icon name="support" />
+    </a>
+</template>
diff --git a/src/Http/Middleware/CP/HandleAuthenticatedInertiaRequests.php b/src/Http/Middleware/CP/HandleAuthenticatedInertiaRequests.php
index 1cb6073c07f..ba832c8b8f4 100644
--- a/src/Http/Middleware/CP/HandleAuthenticatedInertiaRequests.php
+++ b/src/Http/Middleware/CP/HandleAuthenticatedInertiaRequests.php
@@ -58,6 +58,7 @@ private function protectedProps()
         }
 
         return [
+            'supportUrl' => config('statamic.cp.support_url'),
             'selectedSiteUrl' => Site::selected()->url(),
             'licensing' => $this->licensing(),
             'sessionExpiry' => $this->sessionExpiry(),

From 289b610014de6c961eff6981951a6cc44f1ebdbe Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Wed, 11 Feb 2026 10:45:39 +0000
Subject: [PATCH 2/4] unrelated: move max width toggle into its own
 component...

everything else in the header is split out into its own component, so we should probably do the same for the max width button.
---
 .../js/components/global-header/Header.vue    | 19 +++---------------
 .../global-header/MaxWidthButton.vue          | 20 +++++++++++++++++++
 2 files changed, 23 insertions(+), 16 deletions(-)
 create mode 100644 resources/js/components/global-header/MaxWidthButton.vue

diff --git a/resources/js/components/global-header/Header.vue b/resources/js/components/global-header/Header.vue
index c1d622b35a4..3753e0f8dc3 100644
--- a/resources/js/components/global-header/Header.vue
+++ b/resources/js/components/global-header/Header.vue
@@ -1,17 +1,12 @@
 <script setup>
-import { inject } from 'vue';
-import { Icon } from '@ui';
 import Logo from './Logo.vue';
 import Breadcrumbs from './Breadcrumbs.vue';
 import SiteSelector from './SiteSelector.vue';
 import Search from './Search.vue';
+import SupportButton from "@/components/global-header/SupportButton.vue";
+import MaxWidthButton from "@/components/global-header/MaxWidthButton.vue";
 import ViewSiteButton from './ViewSiteButton.vue';
 import UserDropdown from './UserDropdown.vue';
-import SupportButton from "@/components/global-header/SupportButton.vue";
-
-const layout = inject('layout', {});
-const isMaxWidthEnabled = layout.isMaxWidthEnabled;
-const toggleMaxWidth = layout.toggleMaxWidth;
 </script>
 
 <template>
@@ -35,15 +30,7 @@ const toggleMaxWidth = layout.toggleMaxWidth;
                 <Search />
             </div>
 	        <SupportButton />
-            <button
-                @click="toggleMaxWidth"
-                :aria-label="isMaxWidthEnabled ? __('Expand Layout') : __('Constrain Layout')"
-                v-tooltip="isMaxWidthEnabled ? __('Expand Layout') : __('Constrain Layout')"
-                class="hidden [@media(min-width:1800px)]:inline-flex items-center justify-center whitespace-nowrap shrink-0 font-medium antialiased cursor-pointer no-underline disabled:text-white/60 dark:disabled:text-white/50 disabled:cursor-not-allowed [&_svg]:shrink-0 [&_svg]:text-gray-925 [&_svg]:opacity-60 dark:[&_svg]:text-white bg-transparent hover:bg-gray-400/10 text-gray-900 dark:text-gray-300 dark:hover:bg-white/15 dark:hover:text-gray-200 h-8 text-[0.8125rem] leading-tight rounded-lg px-0 gap-0 w-8 [&_svg]:size-4 -me-2 [&_svg]:text-white/85! will-change-transform"
-                data-expand-layout-control
-            >
-                <Icon :name="isMaxWidthEnabled ? 'zoom-fit-screen' : 'fit-screen'" class="animate-pulse-on-appearance" />
-            </button>
+	        <MaxWidthButton />
             <ViewSiteButton />
             <UserDropdown />
         </div>
diff --git a/resources/js/components/global-header/MaxWidthButton.vue b/resources/js/components/global-header/MaxWidthButton.vue
new file mode 100644
index 00000000000..8feeb141d13
--- /dev/null
+++ b/resources/js/components/global-header/MaxWidthButton.vue
@@ -0,0 +1,20 @@
+<script setup>
+import {Icon} from "@ui";
+import {inject} from "vue";
+
+const layout = inject('layout', {});
+const isMaxWidthEnabled = layout.isMaxWidthEnabled;
+const toggleMaxWidth = layout.toggleMaxWidth;
+</script>
+
+<template>
+	<button
+		@click="toggleMaxWidth"
+		:aria-label="isMaxWidthEnabled ? __('Expand Layout') : __('Constrain Layout')"
+		v-tooltip="isMaxWidthEnabled ? __('Expand Layout') : __('Constrain Layout')"
+		class="hidden [@media(min-width:1800px)]:inline-flex items-center justify-center whitespace-nowrap shrink-0 font-medium antialiased cursor-pointer no-underline disabled:text-white/60 dark:disabled:text-white/50 disabled:cursor-not-allowed [&_svg]:shrink-0 [&_svg]:text-gray-925 [&_svg]:opacity-60 dark:[&_svg]:text-white bg-transparent hover:bg-gray-400/10 text-gray-900 dark:text-gray-300 dark:hover:bg-white/15 dark:hover:text-gray-200 h-8 text-[0.8125rem] leading-tight rounded-lg px-0 gap-0 w-8 [&_svg]:size-4 -me-2 [&_svg]:text-white/85! will-change-transform"
+		data-expand-layout-control
+	>
+		<Icon :name="isMaxWidthEnabled ? 'zoom-fit-screen' : 'fit-screen'" class="animate-pulse-on-appearance" />
+	</button>
+</template>
\ No newline at end of file

From b247c3e07fc6ba442ea8b282f4317b56358a10d4 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Wed, 11 Feb 2026 11:56:04 -0500
Subject: [PATCH 3/4] only show button if theres a url

---
 resources/js/components/global-header/SupportButton.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/components/global-header/SupportButton.vue b/resources/js/components/global-header/SupportButton.vue
index a0a6319d3c2..b423e4c4e5a 100644
--- a/resources/js/components/global-header/SupportButton.vue
+++ b/resources/js/components/global-header/SupportButton.vue
@@ -7,6 +7,7 @@ const { supportUrl: url } = useStatamicPageProps();
 
 <template>
     <a
+        v-if="url"
         :href="url"
         :aria-label="__('Support')"
         class="inline-flex items-center justify-center whitespace-nowrap shrink-0 font-medium antialiased cursor-pointer no-underline disabled:text-white/60 dark:disabled:text-white/50 disabled:cursor-not-allowed [&_svg]:shrink-0 [&_svg]:text-gray-925 [&_svg]:opacity-60 dark:[&_svg]:text-white bg-transparent hover:bg-gray-400/10 text-gray-900 dark:text-gray-300 dark:hover:bg-white/15 dark:hover:text-gray-200 h-8 text-[0.8125rem] leading-tight rounded-lg px-0 gap-0 w-8 [&_svg]:size-4 -me-2 [&_svg]:text-white/85! v-popper--has-tooltip"

From d690d252cd123cd09d3104200bfbc50fd5195911 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Wed, 11 Feb 2026 11:56:19 -0500
Subject: [PATCH 4/4] update text

---
 config/cp.php | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/config/cp.php b/config/cp.php
index 6c91dca1482..e024d6a0336 100644
--- a/config/cp.php
+++ b/config/cp.php
@@ -86,8 +86,7 @@
     | Support Link
     |--------------------------------------------------------------------------
     |
-    | Set the location of the support link in the "Useful Links" header
-    | dropdown. Use 'false' to remove it entirely.
+    | Set the location of the support link in the header.
     |
     */