-
);
};
-export default App;
\ No newline at end of file
+export default App;
diff --git a/ui-v2/src/components/Button.tsx b/ui-v2/src/components/Button.tsx
index 764768f208..8a8bbf4ad3 100644
--- a/ui-v2/src/components/Button.tsx
+++ b/ui-v2/src/components/Button.tsx
@@ -65,4 +65,4 @@ export const Button: React.FC
= ({
{children}
);
-};
\ No newline at end of file
+};
diff --git a/ui-v2/src/main.tsx b/ui-v2/src/main.tsx
index 9b00bd858d..0baa8cf32c 100644
--- a/ui-v2/src/main.tsx
+++ b/ui-v2/src/main.tsx
@@ -1,11 +1,17 @@
import React from 'react';
+import { RouterProvider } from '@tanstack/react-router';
import ReactDOM from 'react-dom/client';
-import App from './App';
+import { router } from './routeTree';
+
+import './index.css';
+
+// Initialize the router
+await router.load();
ReactDOM.createRoot(document.getElementById('root')!).render(
-
+
);
diff --git a/ui-v2/src/routeTree.gen.ts b/ui-v2/src/routeTree.gen.ts
new file mode 100644
index 0000000000..5e682936ba
--- /dev/null
+++ b/ui-v2/src/routeTree.gen.ts
@@ -0,0 +1,88 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+// Import Routes
+
+import { Route as rootRoute } from './routes/__root'
+import { Route as IndexImport } from './routes/index'
+
+// Create/Update Routes
+
+const IndexRoute = IndexImport.update({
+ id: '/',
+ path: '/',
+ getParentRoute: () => rootRoute,
+} as any)
+
+// Populate the FileRoutesByPath interface
+
+declare module '@tanstack/react-router' {
+ interface FileRoutesByPath {
+ '/': {
+ id: '/'
+ path: '/'
+ fullPath: '/'
+ preLoaderRoute: typeof IndexImport
+ parentRoute: typeof rootRoute
+ }
+ }
+}
+
+// Create and export the route tree
+
+export interface FileRoutesByFullPath {
+ '/': typeof IndexRoute
+}
+
+export interface FileRoutesByTo {
+ '/': typeof IndexRoute
+}
+
+export interface FileRoutesById {
+ __root__: typeof rootRoute
+ '/': typeof IndexRoute
+}
+
+export interface FileRouteTypes {
+ fileRoutesByFullPath: FileRoutesByFullPath
+ fullPaths: '/'
+ fileRoutesByTo: FileRoutesByTo
+ to: '/'
+ id: '__root__' | '/'
+ fileRoutesById: FileRoutesById
+}
+
+export interface RootRouteChildren {
+ IndexRoute: typeof IndexRoute
+}
+
+const rootRouteChildren: RootRouteChildren = {
+ IndexRoute: IndexRoute,
+}
+
+export const routeTree = rootRoute
+ ._addFileChildren(rootRouteChildren)
+ ._addFileTypes()
+
+/* ROUTE_MANIFEST_START
+{
+ "routes": {
+ "__root__": {
+ "filePath": "__root.tsx",
+ "children": [
+ "/"
+ ]
+ },
+ "/": {
+ "filePath": "index.tsx"
+ }
+ }
+}
+ROUTE_MANIFEST_END */
diff --git a/ui-v2/src/routeTree.ts b/ui-v2/src/routeTree.ts
new file mode 100644
index 0000000000..dd3ba914ee
--- /dev/null
+++ b/ui-v2/src/routeTree.ts
@@ -0,0 +1,14 @@
+import { createRouter } from '@tanstack/react-router';
+
+import { rootRoute, indexRoute, aboutRoute } from './routes';
+
+const routeTree = rootRoute.addChildren([indexRoute, aboutRoute]);
+
+export const router = createRouter({ routeTree });
+
+// Register the router instance for type safety
+declare module '@tanstack/react-router' {
+ interface Register {
+ router: typeof router;
+ }
+}
diff --git a/ui-v2/src/routes/__root.tsx b/ui-v2/src/routes/__root.tsx
new file mode 100644
index 0000000000..9b5d54b86d
--- /dev/null
+++ b/ui-v2/src/routes/__root.tsx
@@ -0,0 +1,20 @@
+import { createRootRoute, Link, Outlet } from '@tanstack/react-router';
+import { TanStackRouterDevtools } from '@tanstack/react-router-devtools';
+
+export const Route = createRootRoute({
+ component: () => (
+ <>
+
+
+ Home
+ {' '}
+
+ About
+
+
+
+
+
+
+ ),
+});
diff --git a/ui-v2/src/routes/index.tsx b/ui-v2/src/routes/index.tsx
new file mode 100644
index 0000000000..6308b9ab65
--- /dev/null
+++ b/ui-v2/src/routes/index.tsx
@@ -0,0 +1,28 @@
+import { createRootRoute, createRoute } from '@tanstack/react-router';
+
+import App from '../App';
+
+export const rootRoute = createRootRoute({
+ component: App,
+});
+
+export const indexRoute = createRoute({
+ getParentRoute: () => rootRoute,
+ path: '/',
+ component: () => (
+
+
Welcome to Goose v2
+
+ ),
+});
+
+export const aboutRoute = createRoute({
+ getParentRoute: () => rootRoute,
+ path: '/about',
+ component: () => (
+
+
About Goose v2
+
An AI assistant for developers
+