From ecc8c646efe5826697abbbaa4100dd31dd8ffd44 Mon Sep 17 00:00:00 2001
From: Soufiane Amajat <soufianeamt11@gmail.com>
Date: Fri, 27 Feb 2026 22:00:06 +0000
Subject: [PATCH] fix: tab selection issue #2893

---
 .../overview/+layout.svelte                   | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/overview/+layout.svelte b/src/routes/(console)/project-[region]-[project]/overview/+layout.svelte
index 4c6fb4341a..3f7a24a246 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/+layout.svelte
@@ -222,23 +222,25 @@
         <Layout.Stack gap="xl">
             <Typography.Title>Integrations</Typography.Title>
             <Layout.Stack gap="xl" direction="row" justifyContent="space-between">
-                <Tabs>
-                    <Tab
-                        noscroll
-                        event="platforms"
-                        href={`${path}/platforms`}
-                        selected={isTabSelected('platforms')}>Platforms</Tab>
-                    <Tab
-                        noscroll
-                        event="api-keys"
-                        href={`${path}/api-keys`}
-                        selected={isTabSelected('api-keys')}>API keys</Tab>
-                    <Tab
-                        noscroll
-                        event="dev-keys"
-                        href={`${path}/dev-keys`}
-                        selected={isTabSelected('dev-keys')}>Dev keys</Tab>
-                </Tabs>
+                {#key page.url.pathname}
+                    <Tabs>
+                        <Tab
+                            noscroll
+                            event="platforms"
+                            href={`${path}/platforms`}
+                            selected={isTabSelected('platforms')}>Platforms</Tab>
+                        <Tab
+                            noscroll
+                            event="api-keys"
+                            href={`${path}/api-keys`}
+                            selected={isTabSelected('api-keys')}>API keys</Tab>
+                        <Tab
+                            noscroll
+                            event="dev-keys"
+                            href={`${path}/dev-keys`}
+                            selected={isTabSelected('dev-keys')}>Dev keys</Tab>
+                    </Tabs>
+                {/key}
                 {#if $action}
                     <svelte:component this={$action} />
                 {/if}