feat(i18n): 添加多语言支持，包括中英文切换功能

实现应用的多语言支持，添加i18next和react-i18next库，创建语言资源文件，并在各组件中集成翻译功能。新增语言切换下拉菜单，支持中英文切换。修改相关组件使用翻译文本替代硬编码字符串。

[可选正文]
- 添加i18next和react-i18next依赖
- 创建en和zh-CN语言资源文件
- 实现主进程和渲染进程的i18n初始化
- 在设置面板添加语言切换下拉菜单
- 修改Workspace、GlobalInputBar等组件使用翻译文本
- 添加IPC通道处理语言切换事件

Author: woniu9524

package-lock.json

@@ -116,10 +116,12 @@
     "electron-log": "^5.3.2",
     "electron-store": "^11.0.2",
     "electron-updater": "^6.3.9",
+    "i18next": "^25.6.0",
     "lucide-react": "^0.545.0",
     "next-themes": "^0.4.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-i18next": "^16.1.0",
     "react-router-dom": "^7.3.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1"

package.json

@@ -15,6 +15,11 @@ import Store from 'electron-store';
 import { autoUpdater } from 'electron-updater';
 import log from 'electron-log';
 import { resolveHtmlPath } from './util';
+import i18next from 'i18next';
+import enCommon from '../shared/locales/en/common.json';
+import enMenu from '../shared/locales/en/menu.json';
+import zhCommon from '../shared/locales/zh-CN/common.json';
+import zhMenu from '../shared/locales/zh-CN/menu.json';
 
 class AppUpdater {
   constructor() {
@@ -175,6 +180,7 @@ app.on('window-all-closed', () => {
 app
   .whenReady()
   .then(() => {
+    initI18n();
     createWindow();
     app.on('activate', () => {
       // On macOS it's common to re-create a window in the app when the
@@ -244,18 +250,75 @@ type StoreSchema = {
    * - true：不再触发引导
    */
   hasOnboarded?: boolean;
+  /** 应用设置：语言等 */
+  settings?: {
+    /** 当前语言 */ language?: 'en' | 'zh-CN';
+  };
 };
 
 // 指定配置文件名称，默认存储在 app.getPath('userData') 下
 const store = new Store<StoreSchema>({ name: 'parallelchat' });
 
+// —— i18n 初始化（主进程）——
+type Language = 'en' | 'zh-CN';
+const SUPPORTED_LANGS: Language[] = ['en', 'zh-CN'];
+const resources = {
+  en: { common: enCommon, menu: enMenu },
+  'zh-CN': { common: zhCommon, menu: zhMenu },
+};
+
+function pickSupported(input: string): Language {
+  const lower = (input || '').toLowerCase();
+  if (lower.startsWith('zh')) return 'zh-CN';
+  return 'en';
+}
+
+function getInitialLanguage(): Language {
+  try {
+    const s = (store.get('settings') as { language?: Language } | undefined) || {};
+    if (s.language && SUPPORTED_LANGS.includes(s.language)) return s.language;
+  } catch {}
+  const sys = app.getLocale();
+  const init = pickSupported(sys);
+  try {
+    const existing = (store.get('settings') as any) || {};
+    store.set('settings', { ...existing, language: init });
+  } catch {}
+  return init;
+}
+
+function initI18n() {
+  const initial = getInitialLanguage();
+  i18next.init({
+    lng: initial,
+    fallbackLng: 'en',
+    resources,
+    ns: ['common', 'menu'],
+    defaultNS: 'common',
+    interpolation: { escapeValue: false },
+  });
+}
+
+function setLanguage(lang: Language) {
+  if (!SUPPORTED_LANGS.includes(lang)) return;
+  i18next.changeLanguage(lang);
+  try {
+    const existing = (store.get('settings') as any) || {};
+    store.set('settings', { ...existing, language: lang });
+  } catch {}
+  try {
+    mainWindow?.webContents.send('parallelchat/i18n/changed', lang);
+  } catch {}
+}
+
 // 允许读写的键集合（白名单）
 const allowedKeys: Array<keyof StoreSchema> = [
   'sessions',
   'activeSessionId',
   'aiProviders',
   'layout',
   'hasOnboarded',
+  'settings',
 ];
 
 // 读取：验证键合法后返回存储值
@@ -277,6 +340,17 @@ ipcMain.handle(
   },
 );
 
+// —— i18n IPC 通道 ——
+ipcMain.handle('parallelchat/i18n/get', () => {
+  const language = (i18next.language as Language) || getInitialLanguage();
+  return { language, supported: SUPPORTED_LANGS };
+});
+
+ipcMain.handle('parallelchat/i18n/set', (_e, lang: Language) => {
+  setLanguage(lang);
+  return lang;
+});
+
 // —— 缓存清理：支持单个 AI 与全部 ——
 ipcMain.on('parallelchat/cache/clear', (_e, id: string) => {
   try {

src/main/main.ts

@@ -29,14 +29,17 @@ export type Channels =
   | 'parallelchat/view/visible'
   | 'parallelchat/onboarding/start'
   | 'parallelchat/onboarding/complete'
-  // —— 会话管理 ——
   | 'parallelchat/session/new'
   | 'parallelchat/session/snapshot'
   | 'parallelchat/session/create'
   | 'parallelchat/session/load'
   | 'parallelchat/session/update-title'
   | 'parallelchat/session/delete'
-  | 'parallelchat/session/changed';
+  | 'parallelchat/session/changed'
+  // —— i18n ——
+  | 'parallelchat/i18n/get'
+  | 'parallelchat/i18n/set'
+  | 'parallelchat/i18n/changed';
 
 // 兼容 ERB 原有的 electronHandler，用于示例交互（不建议在业务中扩展它）。
 const electronHandler = {

src/main/preload.ts

@@ -1,12 +1,7 @@
 import { useEffect, useMemo, useState } from 'react';
 import { Button } from './ui/button';
-import {
-  Dialog,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from './ui/dialog';
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from './ui/dialog';
+import { useTranslation } from 'react-i18next';
 
 type AiProvider = { id: string; name: string; url: string; handler?: string };
 
@@ -74,6 +69,7 @@ export default function AddAiDialog({
   open: boolean;
   onClose: () => void;
 }) {
+  const { t } = useTranslation();
   const [existing, setExisting] = useState<AiProvider[]>([]);
   const [selected, setSelected] = useState<Record<string, boolean>>({});
 
@@ -131,7 +127,7 @@ export default function AddAiDialog({
     <Dialog open={open} onOpenChange={(v) => !v && onClose()}>
       <DialogContent className="w-[720px] max-w-[90vw]">
         <DialogHeader>
-          <DialogTitle>添加AI助手</DialogTitle>
+          <DialogTitle>{t('addAi.title')}</DialogTitle>
         </DialogHeader>
         <div className="grid grid-cols-2 md:grid-cols-3 gap-3">
           {PRESET_AI.map((p) => {
@@ -151,7 +147,7 @@ export default function AddAiDialog({
                 }`}
                 onClick={() => toggle(p.id)}
                 disabled={isExisting}
-                title={isExisting ? '已添加' : '点击选择'}
+                title={isExisting ? t('addAi.added') : t('addAi.clickToSelect')}
               >
                 <div className="font-medium">{p.name}</div>
                 <div className="text-xs text-muted-foreground mt-1">{p.url}</div>
@@ -160,12 +156,8 @@ export default function AddAiDialog({
           })}
         </div>
         <DialogFooter>
-          <Button variant="ghost" onClick={onClose}>
-            取消
-          </Button>
-          <Button onClick={addSelected} disabled={!hasSelection}>
-            添加
-          </Button>
+          <Button variant="ghost" onClick={onClose}>{t('actions.cancel')}</Button>
+          <Button onClick={addSelected} disabled={!hasSelection}>{t('actions.add')}</Button>
         </DialogFooter>
       </DialogContent>
     </Dialog>