From 7f61d9143b1fd8fe60a535d4daaeaa631a021c24 Mon Sep 17 00:00:00 2001
From: Danny White <3104761+dnywh@users.noreply.github.com>
Date: Mon, 16 Mar 2026 19:08:30 +1100
Subject: [PATCH] fix(studio): reflect active storage tab in page titles
 (#43803)

## What kind of change does this PR introduce?

Bug fix.

## What is the current behavior?

The file storage routes under `/project/[ref]/storage/files` all use
`Storage | Project | Org | Supabase` as the browser title, even when the
user is on a more specific tab.

## What is the new behavior?

The browser title now reflects the active file-storage tab:

- `/storage/files` -> `Files | Storage | Project | Org | Supabase`
- `/storage/files/settings` -> `Settings | Storage | Project | Org |
Supabase`
- `/storage/files/policies` -> `Policies | Storage | Project | Org |
Supabase`

Ditto for `analytics` and `vector`
---
 .../pages/project/[ref]/storage/analytics/index.tsx      | 2 +-
 apps/studio/pages/project/[ref]/storage/files/index.tsx  | 2 +-
 .../pages/project/[ref]/storage/files/policies.tsx       | 2 +-
 .../pages/project/[ref]/storage/files/settings.tsx       | 2 +-
 .../studio/pages/project/[ref]/storage/vectors/index.tsx | 9 +++++----
 5 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/apps/studio/pages/project/[ref]/storage/analytics/index.tsx b/apps/studio/pages/project/[ref]/storage/analytics/index.tsx
index da78f95a4a..d096dcbf1b 100644
--- a/apps/studio/pages/project/[ref]/storage/analytics/index.tsx
+++ b/apps/studio/pages/project/[ref]/storage/analytics/index.tsx
@@ -20,7 +20,7 @@ const StorageAnalyticsPage: NextPageWithLayout = () => {
 
 StorageAnalyticsPage.getLayout = (page) => (
   <DefaultLayout>
-    <StorageLayout title="Storage">
+    <StorageLayout title="Analytics">
       <StorageBucketsLayout>{page}</StorageBucketsLayout>
     </StorageLayout>
   </DefaultLayout>
diff --git a/apps/studio/pages/project/[ref]/storage/files/index.tsx b/apps/studio/pages/project/[ref]/storage/files/index.tsx
index 3d92fda273..edbc5b6d96 100644
--- a/apps/studio/pages/project/[ref]/storage/files/index.tsx
+++ b/apps/studio/pages/project/[ref]/storage/files/index.tsx
@@ -10,7 +10,7 @@ const StorageFilesPage: NextPageWithLayout = () => {
 
 StorageFilesPage.getLayout = (page) => (
   <DefaultLayout>
-    <StorageLayout title="Storage">
+    <StorageLayout title="Files">
       <StorageBucketsLayout>{page}</StorageBucketsLayout>
     </StorageLayout>
   </DefaultLayout>
diff --git a/apps/studio/pages/project/[ref]/storage/files/policies.tsx b/apps/studio/pages/project/[ref]/storage/files/policies.tsx
index 114bac7ebc..e9b9dcc814 100644
--- a/apps/studio/pages/project/[ref]/storage/files/policies.tsx
+++ b/apps/studio/pages/project/[ref]/storage/files/policies.tsx
@@ -10,7 +10,7 @@ const FilesPoliciesPage: NextPageWithLayout = () => {
 
 FilesPoliciesPage.getLayout = (page) => (
   <DefaultLayout>
-    <StorageLayout title="Storage">
+    <StorageLayout title="Policies">
       <StorageBucketsLayout>{page}</StorageBucketsLayout>
     </StorageLayout>
   </DefaultLayout>
diff --git a/apps/studio/pages/project/[ref]/storage/files/settings.tsx b/apps/studio/pages/project/[ref]/storage/files/settings.tsx
index 8ed346b33b..2eecf39a2f 100644
--- a/apps/studio/pages/project/[ref]/storage/files/settings.tsx
+++ b/apps/studio/pages/project/[ref]/storage/files/settings.tsx
@@ -10,7 +10,7 @@ const FilesSettingsPage: NextPageWithLayout = () => {
 
 FilesSettingsPage.getLayout = (page) => (
   <DefaultLayout>
-    <StorageLayout title="Storage">
+    <StorageLayout title="Settings">
       <StorageBucketsLayout>{page}</StorageBucketsLayout>
     </StorageLayout>
   </DefaultLayout>
diff --git a/apps/studio/pages/project/[ref]/storage/vectors/index.tsx b/apps/studio/pages/project/[ref]/storage/vectors/index.tsx
index fec849a197..a880dee659 100644
--- a/apps/studio/pages/project/[ref]/storage/vectors/index.tsx
+++ b/apps/studio/pages/project/[ref]/storage/vectors/index.tsx
@@ -1,6 +1,3 @@
-import { AlphaNotice } from '@/components/ui/AlphaNotice'
-import { InlineLinkClassName } from '@/components/ui/InlineLink'
-import { useSelectedProjectQuery } from '@/hooks/misc/useSelectedProject'
 import { useParams } from 'common'
 import { BucketsUpgradePlan } from 'components/interfaces/Storage/BucketsUpgradePlan'
 import { VectorsBuckets } from 'components/interfaces/Storage/VectorBuckets'
@@ -19,6 +16,10 @@ import {
   PageSectionContent,
 } from 'ui-patterns'
 
+import { AlphaNotice } from '@/components/ui/AlphaNotice'
+import { InlineLinkClassName } from '@/components/ui/InlineLink'
+import { useSelectedProjectQuery } from '@/hooks/misc/useSelectedProject'
+
 const AVAILABLE_REGIONS = ['us-east-1', 'us-east-2', 'us-west-2', 'eu-central-1', 'ap-southeast-2']
 
 const getRegionNameFromCode = (code: string) =>
@@ -77,7 +78,7 @@ const StorageVectorsPage: NextPageWithLayout = () => {
 
 StorageVectorsPage.getLayout = (page) => (
   <DefaultLayout>
-    <StorageLayout title="Storage">
+    <StorageLayout title="Vectors">
       <StorageBucketsLayout>{page}</StorageBucketsLayout>
     </StorageLayout>
   </DefaultLayout>