remove: selectedTab store.

src/lib/components/sidebar.svelte

@@ -143,7 +143,7 @@
                 <Layout.Stack direction="column" gap="s">
                     <Tooltip placement="right" disabled={state !== 'icons'}>
                         <a
-                            href={`/console/project-${project.region}-${project.$id}/overview`}
+                            href={`/console/project-${project.region}-${project.$id}/overview/platforms`}
                             class="link"
                             class:active={page.url.pathname.includes('overview')}
                             on:click={() => {

src/routes/(console)/project-[region]-[project]/overview/+layout.svelte

@@ -20,7 +20,7 @@
     import { onMount, setContext, type Component } from 'svelte';
     import Bandwidth from './bandwidth.svelte';
     import Requests from './requests.svelte';
-    import { selectedTab, usage } from './store';
+    import { usage } from './store';
     import { formatNum } from '$lib/helpers/string';
     import { periodToDates } from '$lib/layout/usage.svelte';
     import { canWriteProjects } from '$lib/stores/roles';
@@ -52,7 +52,7 @@
     }
 
     function isTabSelected(key: string) {
-        return $selectedTab === key;
+        return page.url.pathname.endsWith(`/${key}`);
     }
 
     $: $registerCommands([

src/routes/(console)/project-[region]-[project]/overview/+page.ts

@@ -1,23 +1,7 @@
 import { base } from '$app/paths';
 import { redirect } from '@sveltejs/kit';
-import { get } from 'svelte/store';
 import type { PageLoad } from './$types';
-import { selectedTab } from './store';
 
 export const load: PageLoad = async ({ params }) => {
-    const tab = get(selectedTab);
-
-    switch (tab) {
-        case 'keys':
-        case 'dev-keys':
-            return redirect(
-                302,
-                `${base}/project-${params.region}-${params.project}/overview/${tab}`
-            );
-        default:
-            return redirect(
-                302,
-                `${base}/project-${params.region}-${params.project}/overview/platforms`
-            );
-    }
+    return redirect(302, `${base}/project-${params.region}-${params.project}/overview/platforms`);
 };

src/routes/(console)/project-[region]-[project]/overview/dev-keys/+page.ts

@@ -1,9 +1,6 @@
-import { Dependencies } from '$lib/constants';
 import { sdk } from '$lib/stores/sdk';
-import { selectedTab } from '../store';
 import type { PageLoad } from './$types';
-
-selectedTab.set('dev-keys');
+import { Dependencies } from '$lib/constants';
 
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.DEV_KEYS);

src/routes/(console)/project-[region]-[project]/overview/header.svelte

@@ -14,7 +14,7 @@
     function dismissOnboarding() {
         setHasOnboardingDismissed($project.$id, $user);
         trackEvent('onboarding_hub_platform_dismiss');
-        goto(`${base}/project-${$project.region}-${$project.$id}/overview`);
+        goto(`${base}/project-${$project.region}-${$project.$id}/overview/platforms`);
     }
 </script>
 

src/routes/(console)/project-[region]-[project]/overview/keys/+page.ts

@@ -1,10 +1,7 @@
 import { Dependencies } from '$lib/constants';
 import { sdk } from '$lib/stores/sdk';
-import { selectedTab } from '../store';
 import type { PageLoad } from './$types';
 
-selectedTab.set('keys');
-
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.KEYS);
     return {

src/routes/(console)/project-[region]-[project]/overview/platforms/+page.ts

@@ -1,9 +1,6 @@
-import { Dependencies } from '$lib/constants';
 import { sdk } from '$lib/stores/sdk';
-import { selectedTab } from '../store';
 import type { PageLoad } from './$types';
-
-selectedTab.set('platforms');
+import { Dependencies } from '$lib/constants';
 
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.PLATFORMS);

src/routes/(console)/project-[region]-[project]/overview/store.ts

@@ -21,8 +21,6 @@ export const usage = cachedStore<
     };
 });
 
-export const selectedTab: Writable<'platforms' | 'keys' | 'dev-keys'> = writable('platforms');
-
 export const showDevKeysCreateModal: Writable<boolean> = writable(false);
 
 export const devKeyColumns = readable<Column[]>([