diff --git a/renderer/src/renderer.tsx b/renderer/src/renderer.tsx
index 9e0b5904d..e7e90cd6e 100644
--- a/renderer/src/renderer.tsx
+++ b/renderer/src/renderer.tsx
@@ -1,11 +1,7 @@
 import { client } from '../../api/generated/client.gen'
 import { StrictMode } from 'react'
 import ReactDOM from 'react-dom/client'
-import {
-  RouterProvider,
-  createMemoryHistory,
-  createRouter,
-} from '@tanstack/react-router'
+import { RouterProvider, createRouter } from '@tanstack/react-router'
 import { routeTree } from './route-tree.gen'
 import { QueryClientProvider } from '@tanstack/react-query'
 import { TooltipProvider } from '@radix-ui/react-tooltip'
@@ -78,14 +74,10 @@ declare module '@tanstack/react-router' {
   }
 }
 
-const memoryHistory = createMemoryHistory({
-  initialEntries: ['/group/default'],
-})
-
 const router = createRouter({
   routeTree,
   context: { queryClient },
-  history: memoryHistory,
+  defaultViewTransition: true,
 })
 
 router.subscribe('onLoad', (data) => {
diff --git a/renderer/src/route-tree.gen.ts b/renderer/src/route-tree.gen.ts
index 8e647e52f..292d994e7 100644
--- a/renderer/src/route-tree.gen.ts
+++ b/renderer/src/route-tree.gen.ts
@@ -14,6 +14,7 @@ import { Route as SettingsRouteImport } from "./routes/settings"
 import { Route as SecretsRouteImport } from "./routes/secrets"
 import { Route as PlaygroundRouteImport } from "./routes/playground"
 import { Route as McpOptimizerRouteImport } from "./routes/mcp-optimizer"
+import { Route as IndexRouteImport } from "./routes/index"
 import { Route as GroupGroupNameRouteImport } from "./routes/group.$groupName"
 import { Route as CustomizeToolsServerNameRouteImport } from "./routes/customize-tools.$serverName"
 import { Route as registryRegistryRouteImport } from "./routes/(registry)/registry"
@@ -45,6 +46,11 @@ const McpOptimizerRoute = McpOptimizerRouteImport.update({
   path: "/mcp-optimizer",
   getParentRoute: () => rootRouteImport,
 } as any)
+const IndexRoute = IndexRouteImport.update({
+  id: "/",
+  path: "/",
+  getParentRoute: () => rootRouteImport,
+} as any)
 const GroupGroupNameRoute = GroupGroupNameRouteImport.update({
   id: "/group/$groupName",
   path: "/group/$groupName",
@@ -73,6 +79,7 @@ const registryRegistryNameRoute = registryRegistryNameRouteImport.update({
 } as any)
 
 export interface FileRoutesByFullPath {
+  "/": typeof IndexRoute
   "/mcp-optimizer": typeof McpOptimizerRoute
   "/playground": typeof PlaygroundRoute
   "/secrets": typeof SecretsRoute
@@ -85,6 +92,7 @@ export interface FileRoutesByFullPath {
   "/logs/$groupName/$serverName": typeof LogsGroupNameServerNameRoute
 }
 export interface FileRoutesByTo {
+  "/": typeof IndexRoute
   "/mcp-optimizer": typeof McpOptimizerRoute
   "/playground": typeof PlaygroundRoute
   "/secrets": typeof SecretsRoute
@@ -98,6 +106,7 @@ export interface FileRoutesByTo {
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
+  "/": typeof IndexRoute
   "/mcp-optimizer": typeof McpOptimizerRoute
   "/playground": typeof PlaygroundRoute
   "/secrets": typeof SecretsRoute
@@ -112,6 +121,7 @@ export interface FileRoutesById {
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
   fullPaths:
+    | "/"
     | "/mcp-optimizer"
     | "/playground"
     | "/secrets"
@@ -124,6 +134,7 @@ export interface FileRouteTypes {
     | "/logs/$groupName/$serverName"
   fileRoutesByTo: FileRoutesByTo
   to:
+    | "/"
     | "/mcp-optimizer"
     | "/playground"
     | "/secrets"
@@ -136,6 +147,7 @@ export interface FileRouteTypes {
     | "/logs/$groupName/$serverName"
   id:
     | "__root__"
+    | "/"
     | "/mcp-optimizer"
     | "/playground"
     | "/secrets"
@@ -149,6 +161,7 @@ export interface FileRouteTypes {
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute
   McpOptimizerRoute: typeof McpOptimizerRoute
   PlaygroundRoute: typeof PlaygroundRoute
   SecretsRoute: typeof SecretsRoute
@@ -198,6 +211,13 @@ declare module "@tanstack/react-router" {
       preLoaderRoute: typeof McpOptimizerRouteImport
       parentRoute: typeof rootRouteImport
     }
+    "/": {
+      id: "/"
+      path: "/"
+      fullPath: "/"
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     "/group/$groupName": {
       id: "/group/$groupName"
       path: "/group/$groupName"
@@ -237,6 +257,7 @@ declare module "@tanstack/react-router" {
 }
 
 const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
   McpOptimizerRoute: McpOptimizerRoute,
   PlaygroundRoute: PlaygroundRoute,
   SecretsRoute: SecretsRoute,
diff --git a/renderer/src/routes/index.tsx b/renderer/src/routes/index.tsx
new file mode 100644
index 000000000..dfb33c7b4
--- /dev/null
+++ b/renderer/src/routes/index.tsx
@@ -0,0 +1,11 @@
+import { createFileRoute, redirect } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/')({
+  beforeLoad: () => {
+    throw redirect({
+      to: '/group/$groupName',
+      params: { groupName: 'default' },
+      replace: true,
+    })
+  },
+})