feat: add new animation and token manager pages with navigation support

This commit introduces several new animated visualization components and a shared token manager page to enhance the learning experience. The changes include:

- Added new lazy-loaded components for various animation sequences (ModelConfig cache, Subagent resolution, Shadow Git checkpoint, Chat recording)
- Implemented SharedTokenManager page for token sharing functionality
- Updated navigation structure to include new sections in the sidebar
- Enhanced AuthenticationFlow page with collapsible sections and mermaid diagrams for better documentation

These additions provide comprehensive visual explanations of key system behaviors and mechanisms, improving the overall educational value of the application.

Author: tt-a1i

src/App.tsx

@@ -17,6 +17,7 @@ const StartupFlow = lazy(() => import('./pages/StartupFlow').then(m => ({ defaul
 const StartupChain = lazy(() => import('./pages/StartupChain').then(m => ({ default: m.StartupChain })));
 const ConfigSystem = lazy(() => import('./pages/ConfigSystem').then(m => ({ default: m.ConfigSystem })));
 const AuthenticationFlow = lazy(() => import('./pages/AuthenticationFlow').then(m => ({ default: m.AuthenticationFlow })));
+const SharedTokenManager = lazy(() => import('./pages/SharedTokenManager').then(m => ({ default: m.SharedTokenManager })));
 const RequestLifecycle = lazy(() => import('./pages/RequestLifecycle').then(m => ({ default: m.RequestLifecycle })));
 const InteractionLoop = lazy(() => import('./pages/InteractionLoop').then(m => ({ default: m.InteractionLoop })));
 const GeminiChatCore = lazy(() => import('./pages/GeminiChatCore').then(m => ({ default: m.GeminiChatCore })));
@@ -118,6 +119,10 @@ const FileDiscovery = lazy(() => import('./pages/FileDiscovery').then(m => ({ de
 const CoreCode = lazy(() => import('./pages/CoreCode').then(m => ({ default: m.CoreCode })));
 const LoopMechanism = lazy(() => import('./pages/LoopMechanism').then(m => ({ default: m.LoopMechanism })));
 const EnterpriseDeployment = lazy(() => import('./pages/EnterpriseDeployment').then(m => ({ default: m.EnterpriseDeployment })));
+const ModelConfigCacheAnimation = lazy(() => import('./pages/ModelConfigCacheAnimation'));
+const SubagentResolutionAnimation = lazy(() => import('./pages/SubagentResolutionAnimation'));
+const ShadowGitCheckpointAnimation = lazy(() => import('./pages/ShadowGitCheckpointAnimation'));
+const ChatRecordingAnimation = lazy(() => import('./pages/ChatRecordingAnimation'));
 
 // 页面加载 fallback
 function PageLoading() {
@@ -222,6 +227,8 @@ function App() {
         return <ConfigSystem />;
       case 'auth':
         return <AuthenticationFlow />;
+      case 'shared-token-manager':
+        return <SharedTokenManager />;
       case 'lifecycle':
         return <RequestLifecycle />;
       case 'interaction-loop':
@@ -418,6 +425,14 @@ function App() {
         return <CommandLoadingAnimation />;
       case 'tool-confirmation-anim':
         return <ToolConfirmationFlowAnimation />;
+      case 'model-config-cache-anim':
+        return <ModelConfigCacheAnimation />;
+      case 'subagent-resolution-anim':
+        return <SubagentResolutionAnimation />;
+      case 'shadow-git-checkpoint-anim':
+        return <ShadowGitCheckpointAnimation />;
+      case 'chat-recording-anim':
+        return <ChatRecordingAnimation />;
       case 'code':
         return <CoreCode />;
       case 'loop':

src/nav.ts

@@ -22,6 +22,7 @@ export const navGroups: NavGroup[] = [
       { id: 'start-here', label: 'Start Here', highlight: true },
       { id: 'learning-path', label: '学习路径指南', highlight: true },
       { id: 'overview', label: '架构概览' },
+      { id: 'e2e', label: '端到端走读', highlight: true },
       { id: 'glossary', label: '术语表' },
       { id: 'enterprise-deployment', label: '企业部署', highlight: true },
     ],
@@ -195,6 +196,10 @@ export const navGroups: NavGroup[] = [
       { id: 'memory-import-anim', label: 'Memory Import 解析', highlight: true },
       { id: 'command-loading-anim', label: '命令加载冲突解决', highlight: true },
       { id: 'tool-confirmation-anim', label: '工具确认状态机', highlight: true },
+      { id: 'model-config-cache-anim', label: 'ModelConfig 缓存 TTL', highlight: true },
+      { id: 'subagent-resolution-anim', label: 'Subagent 优先级解析', highlight: true },
+      { id: 'shadow-git-checkpoint-anim', label: '影子 Git 检查点', highlight: true },
+      { id: 'chat-recording-anim', label: '会话记录队列', highlight: true },
     ],
   },
   {
@@ -206,6 +211,7 @@ export const navGroups: NavGroup[] = [
       { id: 'upstream-diff', label: '上游改造总览', highlight: true },
       { id: 'config', label: '配置系统' },
       { id: 'auth', label: '认证流程' },
+      { id: 'shared-token-manager', label: 'Token 共享机制', highlight: true },
       { id: 'startup', label: '启动流程' },
       { id: 'code', label: '核心代码' },
       { id: 'loop', label: 'Loop机制' },