fix(web): harden route transitions and monitor memory

vehicle-data-platform/apps/web/src/v2/layout/AppShell.tsx

@@ -14,6 +14,7 @@ import {
 import { useState } from 'react';
 import { NavLink, Outlet, useLocation } from 'react-router-dom';
 import { usePlatformSession } from '../auth/AuthGate';
+import { preloadRoute } from '../routing/routeModules';
 
 const navigation = [
   { to: '/monitor', label: '全局监控', icon: IconHome },
@@ -62,6 +63,7 @@ export function AppShell() {
 
 function Sidebar() {
   const [collapsed, setCollapsed] = useState(false);
+  const warmRoute = (path: string) => { void preloadRoute(path); };
 
   return (
     <aside className={`v2-sidebar${collapsed ? ' is-collapsed' : ''}`}>
@@ -71,13 +73,13 @@ function Sidebar() {
         </div>
         <nav className="v2-navigation" aria-label="主导航">
           {navigation.map(({ to, label, icon: Icon }) => (
-            <NavLink key={to} to={to} className={({ isActive }) => `v2-nav-item ${isActive ? 'is-active' : ''}`}>
+            <NavLink key={to} to={to} aria-label={label} title={collapsed ? label : undefined} onPointerEnter={() => warmRoute(to)} onFocus={() => warmRoute(to)} onPointerDown={() => warmRoute(to)} className={({ isActive }) => `v2-nav-item ${isActive ? 'is-active' : ''}`}>
               <Icon size="large" />
               <span className="v2-nav-label">{label}</span>
             </NavLink>
           ))}
         </nav>
-        <NavLink to="/operations" className={({ isActive }) => `v2-nav-item v2-nav-operations ${isActive ? 'is-active' : ''}`}>
+        <NavLink to="/operations" aria-label="运维质量" title={collapsed ? '运维质量' : undefined} onPointerEnter={() => warmRoute('/operations')} onFocus={() => warmRoute('/operations')} onPointerDown={() => warmRoute('/operations')} className={({ isActive }) => `v2-nav-item v2-nav-operations ${isActive ? 'is-active' : ''}`}>
           <IconSetting size="large" />
           <span className="v2-nav-label">运维质量</span>
         </NavLink>