feat: add new pages and navigation items for enhanced UI and system features

This commit introduces several new pages and navigation items to improve the application's functionality and organization. Added pages include KeyBindings, SettingsManager, QuotaDetection, SummarizerSystem, OutputFormatter, CodeAssist, ReactHooksOverview, and UIComponents. These new pages provide better control over keyboard shortcuts, settings management, quota monitoring, summarization capabilities, output formatting, code assistance, React hooks overview, and UI component library. The navigation structure has been updated to include these new sections with appropriate highlighting to guide users to these enhanced features. This expansion supports a more comprehensive development environment with improved tooling and user interface capabilities.

Author: tt-a1i

src/App.tsx

@@ -155,6 +155,14 @@ const PromptRegistry = lazy(() => import('./pages/PromptRegistry').then(m => ({
 const CommandLoading = lazy(() => import('./pages/CommandLoading').then(m => ({ default: m.CommandLoading })));
 const PromptProcessors = lazy(() => import('./pages/PromptProcessors').then(m => ({ default: m.PromptProcessors })));
 const UIStateManagement = lazy(() => import('./pages/UIStateManagement').then(m => ({ default: m.UIStateManagement })));
+const KeyBindings = lazy(() => import('./pages/KeyBindings').then(m => ({ default: m.KeyBindings })));
+const SettingsManager = lazy(() => import('./pages/SettingsManager').then(m => ({ default: m.SettingsManager })));
+const QuotaDetection = lazy(() => import('./pages/QuotaDetection').then(m => ({ default: m.QuotaDetection })));
+const SummarizerSystem = lazy(() => import('./pages/SummarizerSystem').then(m => ({ default: m.SummarizerSystem })));
+const OutputFormatter = lazy(() => import('./pages/OutputFormatter').then(m => ({ default: m.OutputFormatter })));
+const CodeAssist = lazy(() => import('./pages/CodeAssist').then(m => ({ default: m.CodeAssist })));
+const ReactHooksOverview = lazy(() => import('./pages/ReactHooksOverview').then(m => ({ default: m.ReactHooksOverview })));
+const UIComponents = lazy(() => import('./pages/UIComponents').then(m => ({ default: m.UIComponents })));
 
 // 页面加载 fallback
 function PageLoading() {
@@ -535,6 +543,22 @@ function App() {
         return <PromptProcessors />;
       case 'ui-state-management':
         return <UIStateManagement />;
+      case 'key-bindings':
+        return <KeyBindings />;
+      case 'settings-manager':
+        return <SettingsManager />;
+      case 'quota-detection':
+        return <QuotaDetection />;
+      case 'summarizer-system':
+        return <SummarizerSystem />;
+      case 'output-formatter':
+        return <OutputFormatter />;
+      case 'code-assist':
+        return <CodeAssist />;
+      case 'react-hooks':
+        return <ReactHooksOverview />;
+      case 'ui-components':
+        return <UIComponents />;
       default:
         return <StartHere onNavigate={(tab) => navigateToTab(tab)} />;
     }

src/nav.ts

@@ -139,8 +139,10 @@ export const navGroups: NavGroup[] = [
     defaultOpen: false,
     items: [
       { id: 'non-interactive', label: '非交互模式' },
+      { id: 'output-formatter', label: '输出格式化', highlight: true },
       { id: 'welcome-back', label: '会话恢复' },
       { id: 'chat-recording', label: '会话录制', highlight: true },
+      { id: 'summarizer-system', label: 'LLM 摘要器', highlight: true },
     ],
   },
   {
@@ -151,6 +153,9 @@ export const navGroups: NavGroup[] = [
     items: [
       { id: 'ui', label: 'UI渲染层' },
       { id: 'ui-state-management', label: 'UI 状态管理', highlight: true },
+      { id: 'ui-components', label: 'UI 组件库', highlight: true },
+      { id: 'react-hooks', label: 'React Hooks', highlight: true },
+      { id: 'key-bindings', label: '键盘绑定', highlight: true },
       { id: 'theme', label: '主题系统' },
       { id: 'telemetry', label: '遥测系统' },
     ],
@@ -252,6 +257,9 @@ export const navGroups: NavGroup[] = [
       { id: 'error-recovery-patterns', label: '错误恢复模式', highlight: true },
       { id: 'concurrency-patterns', label: '并发模式详解', highlight: true },
       { id: 'shared-token-manager', label: 'Token 共享机制', highlight: true },
+      { id: 'settings-manager', label: '设置管理器', highlight: true },
+      { id: 'quota-detection', label: '配额检测', highlight: true },
+      { id: 'code-assist', label: 'Code Assist', highlight: true },
       { id: 'startup', label: '启动流程' },
       { id: 'code', label: '核心代码' },
       { id: 'loop', label: 'Loop机制' },