update for 1. 优化 2.中英切换

frontend/src/components/layout/Sidebar.tsx

@@ -5,6 +5,7 @@ import {
 } from 'lucide-react';
 import { useTheme } from '../../contexts/ThemeContext';
 import { useAuth } from '../../contexts/AuthContext';
+import { useLanguage } from '../../contexts/LanguageContext';
 
 interface NavItem {
   to: string;
@@ -13,21 +14,6 @@ interface NavItem {
   badge?: number;
 }
 
-const mainNav: NavItem[] = [
-  { to: '/', icon: <LayoutDashboard size={16} />, label: 'Overview' },
-  { to: '/signals', icon: <Radio size={16} />, label: 'Regulatory Signals' },
-  { to: '/status', icon: <Monitor size={16} />, label: 'System Status' },
-];
-
-const workbenchNav: NavItem[] = [
-  { to: '/documents', icon: <FileText size={16} />, label: 'Documents' },
-  { to: '/compliance', icon: <Shield size={16} />, label: 'Compliance Analysis' },
-];
-
-const chatNav: NavItem[] = [
-  { to: '/chat', icon: <MessageSquare size={16} />, label: 'Regulation Q&A' },
-];
-
 function NavGroup({ title, items }: { title: string; items: NavItem[] }) {
   return (
     <div className="nav-group">
@@ -60,6 +46,22 @@ function initials(name: string): string {
 export function Sidebar() {
   const { theme, toggleTheme } = useTheme();
   const { user, logout } = useAuth();
+  const { lang, t, toggleLang } = useLanguage();
+
+  const mainNav: NavItem[] = [
+    { to: '/', icon: <LayoutDashboard size={16} />, label: t.nav.overview },
+    { to: '/signals', icon: <Radio size={16} />, label: t.nav.signals },
+    { to: '/status', icon: <Monitor size={16} />, label: t.nav.status },
+  ];
+
+  const workbenchNav: NavItem[] = [
+    { to: '/documents', icon: <FileText size={16} />, label: t.nav.documents },
+    { to: '/compliance', icon: <Shield size={16} />, label: t.nav.compliance },
+  ];
+
+  const chatNav: NavItem[] = [
+    { to: '/chat', icon: <MessageSquare size={16} />, label: t.nav.chat },
+  ];
 
   return (
     <aside className="sidebar">
@@ -72,9 +74,9 @@ export function Sidebar() {
       </div>
 
       <nav className="sidebar-nav">
-        <NavGroup title="Main" items={mainNav} />
-        <NavGroup title="Workbench" items={workbenchNav} />
-        <NavGroup title="Chat" items={chatNav} />
+        <NavGroup title={t.nav.groupMain} items={mainNav} />
+        <NavGroup title={t.nav.groupWorkbench} items={workbenchNav} />
+        <NavGroup title={t.nav.groupChat} items={chatNav} />
       </nav>
 
       <div className="sidebar-footer">
@@ -92,11 +94,19 @@ export function Sidebar() {
           </div>
         </div>
         <div style={{ display: 'flex', gap: 4 }}>
-          <button className="theme-btn" onClick={toggleTheme} title="Toggle theme">
+          <button
+            className="theme-btn"
+            onClick={toggleLang}
+            title={t.sidebar.toggleLang}
+            style={{ fontSize: 12, fontWeight: 600 }}
+          >
+            {lang === 'en' ? 'EN' : '中'}
+          </button>
+          <button className="theme-btn" onClick={toggleTheme} title={t.sidebar.toggleTheme}>
             {theme === 'dark' ? <Sun size={14} /> : <Moon size={14} />}
           </button>
           {user && (
-            <button className="logout-btn" onClick={logout} title="Sign out">
+            <button className="logout-btn" onClick={logout} title={t.sidebar.signOut}>
               <LogOut size={14} />
             </button>
           )}