Preload console route chunks on sidebar link hover. (#2081)

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: RhysSullivan

apps/cloud/src/router.tsx

@@ -1,10 +1,10 @@
 import { createRouter } from "@tanstack/react-router";
+import { sharedConsoleRouterOptions } from "@executor-js/react/console-router-options";
 import { routeTree } from "./routeTree.gen";
 
 export const getRouter = () => {
   return createRouter({
     routeTree,
-    scrollRestoration: true,
-    defaultPreloadStaleTime: 0,
+    ...sharedConsoleRouterOptions,
   });
 };

apps/host-cloudflare/web/router.tsx

@@ -1,10 +1,10 @@
 import { createRouter } from "@tanstack/react-router";
+import { sharedConsoleRouterOptions } from "@executor-js/react/console-router-options";
 
 import { routeTree } from "./routeTree.gen";
 
 export const getRouter = () =>
   createRouter({
     routeTree,
-    scrollRestoration: true,
-    defaultPreloadStaleTime: 0,
+    ...sharedConsoleRouterOptions,
   });

apps/host-selfhost/web/router.tsx

@@ -1,10 +1,10 @@
 import { createRouter } from "@tanstack/react-router";
+import { sharedConsoleRouterOptions } from "@executor-js/react/console-router-options";
 
 import { routeTree } from "./routeTree.gen";
 
 export const getRouter = () =>
   createRouter({
     routeTree,
-    scrollRestoration: true,
-    defaultPreloadStaleTime: 0,
+    ...sharedConsoleRouterOptions,
   });

packages/app/src/router.tsx

@@ -1,10 +1,10 @@
 import { createRouter } from "@tanstack/react-router";
+import { sharedConsoleRouterOptions } from "@executor-js/react/console-router-options";
 import { routeTree } from "./routeTree.gen";
 
 export const getRouter = () => {
   return createRouter({
     routeTree,
-    scrollRestoration: true,
-    defaultPreloadStaleTime: 0,
+    ...sharedConsoleRouterOptions,
   });
 };

packages/react/package.json

@@ -9,6 +9,7 @@
       "bun": "./src/console-routes.ts",
       "default": "./dist/console-routes.js"
     },
+    "./console-router-options": "./src/console-router-options.ts",
     "./api/oauth-popup": "./src/api/oauth-popup.ts",
     "./api/shell-host": "./src/api/shell-host.ts",
     "./api/*": "./src/api/*.tsx",

packages/react/src/console-router-options.ts

@@ -0,0 +1,11 @@
+// Shared TanStack Router options for every Executor console host (desktop app,
+// cloud, self-host, Cloudflare). Keep navigation snappy: code-split route
+// chunks preload on link hover so clicking a sidebar tab does not suspend on
+// an empty outlet while the chunk downloads.
+
+export const sharedConsoleRouterOptions = {
+  scrollRestoration: true,
+  defaultPreload: "intent" as const,
+  // Effect atoms own their own cache; we do not use route loaders for data.
+  defaultPreloadStaleTime: 0,
+};