update routing

src/routeTree.gen.ts

@@ -9,19 +9,14 @@
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
 import { Route as rootRouteImport } from './routes/__root'
-import { Route as InteractionPanelRouteImport } from './routes/interaction-panel'
 import { Route as AuthRouteImport } from './routes/auth'
 import { Route as IndexRouteImport } from './routes/index'
 import { Route as MagicLinkMagicLinkRouteImport } from './routes/magic-link/$magic-link'
+import { Route as InteractionPanelIdRouteImport } from './routes/interaction-panel/$id'
 import { Route as AuthUsernameRouteImport } from './routes/auth/username'
 import { Route as AuthMailRouteImport } from './routes/auth/mail'
 import { Route as AuthCodeRouteImport } from './routes/auth/code'
 
-const InteractionPanelRoute = InteractionPanelRouteImport.update({
-  id: '/interaction-panel',
-  path: '/interaction-panel',
-  getParentRoute: () => rootRouteImport,
-} as any)
 const AuthRoute = AuthRouteImport.update({
   id: '/auth',
   path: '/auth',
@@ -37,6 +32,11 @@ const MagicLinkMagicLinkRoute = MagicLinkMagicLinkRouteImport.update({
   path: '/magic-link/$magic-link',
   getParentRoute: () => rootRouteImport,
 } as any)
+const InteractionPanelIdRoute = InteractionPanelIdRouteImport.update({
+  id: '/interaction-panel/$id',
+  path: '/interaction-panel/$id',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const AuthUsernameRoute = AuthUsernameRouteImport.update({
   id: '/username',
   path: '/username',
@@ -56,29 +56,29 @@ const AuthCodeRoute = AuthCodeRouteImport.update({
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
   '/auth': typeof AuthRouteWithChildren
-  '/interaction-panel': typeof InteractionPanelRoute
   '/auth/code': typeof AuthCodeRoute
   '/auth/mail': typeof AuthMailRoute
   '/auth/username': typeof AuthUsernameRoute
+  '/interaction-panel/$id': typeof InteractionPanelIdRoute
   '/magic-link/$magic-link': typeof MagicLinkMagicLinkRoute
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
   '/auth': typeof AuthRouteWithChildren
-  '/interaction-panel': typeof InteractionPanelRoute
   '/auth/code': typeof AuthCodeRoute
   '/auth/mail': typeof AuthMailRoute
   '/auth/username': typeof AuthUsernameRoute
+  '/interaction-panel/$id': typeof InteractionPanelIdRoute
   '/magic-link/$magic-link': typeof MagicLinkMagicLinkRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
   '/': typeof IndexRoute
   '/auth': typeof AuthRouteWithChildren
-  '/interaction-panel': typeof InteractionPanelRoute
   '/auth/code': typeof AuthCodeRoute
   '/auth/mail': typeof AuthMailRoute
   '/auth/username': typeof AuthUsernameRoute
+  '/interaction-panel/$id': typeof InteractionPanelIdRoute
   '/magic-link/$magic-link': typeof MagicLinkMagicLinkRoute
 }
 export interface FileRouteTypes {
@@ -86,47 +86,40 @@ export interface FileRouteTypes {
   fullPaths:
     | '/'
     | '/auth'
-    | '/interaction-panel'
     | '/auth/code'
     | '/auth/mail'
     | '/auth/username'
+    | '/interaction-panel/$id'
     | '/magic-link/$magic-link'
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
     | '/auth'
-    | '/interaction-panel'
     | '/auth/code'
     | '/auth/mail'
     | '/auth/username'
+    | '/interaction-panel/$id'
     | '/magic-link/$magic-link'
   id:
     | '__root__'
     | '/'
     | '/auth'
-    | '/interaction-panel'
     | '/auth/code'
     | '/auth/mail'
     | '/auth/username'
+    | '/interaction-panel/$id'
     | '/magic-link/$magic-link'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
   AuthRoute: typeof AuthRouteWithChildren
-  InteractionPanelRoute: typeof InteractionPanelRoute
+  InteractionPanelIdRoute: typeof InteractionPanelIdRoute
   MagicLinkMagicLinkRoute: typeof MagicLinkMagicLinkRoute
 }
 
 declare module '@tanstack/react-router' {
   interface FileRoutesByPath {
-    '/interaction-panel': {
-      id: '/interaction-panel'
-      path: '/interaction-panel'
-      fullPath: '/interaction-panel'
-      preLoaderRoute: typeof InteractionPanelRouteImport
-      parentRoute: typeof rootRouteImport
-    }
     '/auth': {
       id: '/auth'
       path: '/auth'
@@ -148,6 +141,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof MagicLinkMagicLinkRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/interaction-panel/$id': {
+      id: '/interaction-panel/$id'
+      path: '/interaction-panel/$id'
+      fullPath: '/interaction-panel/$id'
+      preLoaderRoute: typeof InteractionPanelIdRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/auth/username': {
       id: '/auth/username'
       path: '/username'
@@ -189,7 +189,7 @@ const AuthRouteWithChildren = AuthRoute._addFileChildren(AuthRouteChildren)
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   AuthRoute: AuthRouteWithChildren,
-  InteractionPanelRoute: InteractionPanelRoute,
+  InteractionPanelIdRoute: InteractionPanelIdRoute,
   MagicLinkMagicLinkRoute: MagicLinkMagicLinkRoute,
 }
 export const routeTree = rootRouteImport