i18n and UI fix

.i18nrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  entry: ['src/renderer/src/locales/default/*.json'],
+  output: 'src/renderer/src/locales',
+  entryLocale: 'zh-CN',
+  outputLocales: ['en-US', 'ja-JP'],
+  apiKey: process.env.OPENAI_API_KEY || '',
+  apiModel: 'gpt-4o-mini',
+};

.sisyphus/boulder.json

@@ -1,19 +1,9 @@
 {
-  "active_plan": "C:\\dev\\workspace\\kintone\\kintone-customize-manager\\.sisyphus\\plans\\core-features.md",
+  "active_plan": "C:\\dev\\workspace\\kintone\\kintone-customize-manager\\.sisyphus\\plans\\i18n-integration.md",
-  "started_at": "2026-03-11T17:02:21.927Z",
+  "started_at": "2026-03-13T15:49:52.804Z",
-  "session_ids": ["ses_322268b6dffeAXa5zf6vxOGLAh"],
+  "session_ids": [
-  "plan_name": "core-features",
+    "ses_3181c303bffeybo48ZtQ4KkVD8"
-  "agent": "atlas",
+  ],
-  "worktree_path": "C:\\dev\\workspace\\kintone\\kintone-customize-manager",
+  "plan_name": "i18n-integration",
-  "progress": {
+  "agent": "atlas"
-    "completed_waves": 6,
-    "total_waves": 6,
-    "status": "completed",
-    "last_updated": "2026-03-12T02:00:00.000Z"
-  }
-    "completed_waves": 4,
-    "total_waves": 6,
-    "status": "in_progress",
-    "last_updated": "2026-03-12T01:45:00.000Z"
-  }
 }

.sisyphus/evidence/task-01-deps-installed.txt

@@ -0,0 +1,23 @@
+# i18n Dependencies Installation Evidence
+
+Date: 2026-03-13
+
+## Installed Packages
+
+```
++-- @lobehub/i18n-cli@1.26.1
++-- i18next-browser-languagedetector@8.2.1
++-- i18next@25.8.18
+`-- react-i18next@16.5.8
+  `-- i18next@25.8.18 deduped
+```
+
+## Verification Command
+
+```bash
+npm ls i18next react-i18next i18next-browser-languagedetector @lobehub/i18n-cli
+```
+
+## Status: ✅ COMPLETE
+
+All 4 i18n dependencies installed successfully.

.sisyphus/evidence/task-03-locale-structure.txt

@@ -0,0 +1,84 @@
+# Task 03: Locale File Structure - Evidence
+
+## Status: ✅ COMPLETE (Pre-existing)
+
+## Directory Structure Created
+```
+src/renderer/src/locales/
+├── default/
+│   ├── common.json (31 keys)
+│   ├── domain.json (31 keys)
+│   ├── settings.json (24 keys)
+│   └── errors.json (20 keys)
+├── zh-CN/
+│   ├── common.json (31 keys)
+│   ├── domain.json (31 keys)
+│   ├── settings.json (24 keys)
+│   └── errors.json (20 keys)
+├── ja-JP/
+│   ├── common.json (31 keys)
+│   ├── domain.json (31 keys)
+│   ├── settings.json (24 keys)
+│   └── errors.json (20 keys)
+└── en-US/
+    ├── common.json (31 keys)
+    ├── domain.json (31 keys)
+    ├── settings.json (24 keys)
+    └── errors.json (20 keys)
+```
+
+## Verification
+- [x] Directories created: default/, zh-CN/, ja-JP/, en-US/
+- [x] Files created: common.json, domain.json, settings.json, errors.json
+- [x] Each file has >5 translation keys (minimum 20 per file)
+- [x] Flat key structure used (no nested objects)
+
+## Sample Content
+
+### common.json (default)
+```json
+{
+  "appName": "Kintone Manager",
+  "save": "保存",
+  "cancel": "取消",
+  "delete": "删除",
+  "edit": "编辑",
+  ...
+}
+```
+
+### domain.json (default)
+```json
+{
+  "title": "域名管理",
+  "addDomain": "添加域名",
+  "editDomain": "编辑域名",
+  ...
+}
+```
+
+### settings.json (default)
+```json
+{
+  "title": "设置",
+  "language": "语言",
+  "selectLanguage": "选择语言",
+  ...
+}
+```
+
+### errors.json (default)
+```json
+{
+  "networkError": "网络错误",
+  "invalidDomain": "无效的域名",
+  "connectionFailed": "连接失败",
+  ...
+}
+```
+
+## Notes
+- Structure was already in place from prior work
+- All translations follow flat key structure
+- Chinese is the default/source language
+- English and Japanese translations provided

.sisyphus/evidence/task-04-store-compiled.txt

@@ -0,0 +1,33 @@
+# Task 04: Locale Store - Compilation Evidence
+
+## Date: 2026-03-13
+
+## Files Created
+- src/renderer/src/stores/localeStore.ts
+
+## Verification
+
+### TypeScript Check
+```bash
+npx tsc --noEmit
+# Result: PASSED (no errors)
+```
+
+### Store Implementation
+- Uses Zustand with persist middleware
+- Imports LocaleCode and DEFAULT_LOCALE from @shared/types/locale
+- Persists only the locale state value (partialize pattern)
+- Exports useLocaleStore hook
+
+### State Shape
+```typescript
+interface LocaleState {
+  locale: LocaleCode;          // "zh-CN" | "ja-JP" | "en-US"
+  setLocale: (locale: LocaleCode) => void;
+}
+```
+
+### Default Value
+- locale: "zh-CN" (from DEFAULT_LOCALE constant)
+
+## Status: COMPLETED

.sisyphus/evidence/task-05-i18n-config.txt

@@ -0,0 +1 @@
+TypeScript compilation: SUCCESS

.sisyphus/evidence/task-06-i18n-cli.txt

@@ -0,0 +1,40 @@
+# Task 06: Configure @lobehub/i18n-cli
+
+## Completed Actions
+
+1. **Installed @lobehub/i18n-cli@^1.26.1** as dev dependency
+2. **Added npm script**: `"i18n": "lobe-i18n"` to package.json
+3. **Verified CLI works**: `npm run i18n -- --help` returns usage info
+
+## Existing Configuration (.i18nrc.js)
+
+```javascript
+module.exports = {
+  entry: ['src/renderer/src/locales/default/*.json'],
+  output: 'src/renderer/src/locales',
+  entryLocale: 'zh-CN',
+  outputLocales: ['en-US', 'ja-JP'],
+  apiKey: process.env.OPENAI_API_KEY || '',
+  apiModel: 'gpt-4o-mini',
+};
+```
+
+## CLI Usage
+
+```bash
+# Run translation
+npm run i18n
+
+# With markdown translation
+npm run i18n -- --with-md
+
+# Lint translations
+npm run i18n -- --lint
+```
+
+## Notes
+
+- Source locale: zh-CN (in `locales/default/`)
+- Output locales: en-US, ja-JP
+- API key must be set via `OPENAI_API_KEY` environment variable
+- Uses gpt-4o-mini model for translation

.sisyphus/notepads/i18n-integration/issues.md

@@ -0,0 +1,47 @@
+
+## [2026-03-14] Locale Not Synced Between Processes
+
+### 问题描述
+Renderer process 和 Main process 的 locale 状态没有同步。
+
+### 复现步骤
+1. 用户在 UI 中切换语言 (例如从 zh-CN 到 en-US)
+2. localeStore 更新 localStorage，i18next 切换语言
+3. 但是 Main process 的 `config.json` 仍然是旧值
+4. Main process 的错误消息使用旧语言
+
+### 根本原因
+- `localeStore.setLocale()` 只更新 Zustand state
+- 没有调用 `window.api.setLocale()` 同步到 Main process
+
+### 解决方案
+需要在以下位置添加同步逻辑:
+
+1. **localeStore.ts**: 修改 `setLocale` action
+   ```typescript
+   setLocale: async (locale) => {
+     set({ locale });
+     await window.api.setLocale({ locale });
+   }
+   ```
+
+2. **App.tsx**: 在初始化时从 Main process 读取 locale
+   ```typescript
+   useEffect(() => {
+     const initLocale = async () => {
+       const result = await window.api.getLocale();
+       if (result.success) {
+         useLocaleStore.getState().setLocale(result.data);
+         i18n.changeLanguage(result.data);
+       }
+     };
+     initLocale();
+   }, []);
+   ```
+
+### 影响范围
+- `src/renderer/src/stores/localeStore.ts`
+- `src/renderer/src/App.tsx` 或 `src/renderer/src/main.tsx`
+
+### 优先级
+高 - 影响用户体验，Main process 错误消息语言不一致

.sisyphus/notepads/i18n-integration/learnings.md

@@ -0,0 +1,790 @@
+# i18n Integration Learnings
+
+## 2026-03-13 - Locale File Structure
+
+### Structure Created
+- **Directory**: `src/renderer/src/locales/`
+- **Subdirectories**: `default/`, `zh-CN/`, `ja-JP/`, `en-US/`
+- **Files per language**: `common.json`, `domain.json`, `settings.json`, `errors.json`
+
+### Translation Key Format
+- Use flat key structure (no nested objects): `"app.title"` instead of `{"app": {"title": ""}}`
+- Each file contains 20+ translation keys (exceeds minimum 5)
+- Keys are organized by feature area:
+  - `common.json`: UI buttons, labels, status messages
+  - `domain.json`: Domain management specific translations
+  - `settings.json`: Settings page translations
+  - `errors.json`: Error messages and validation errors
+
+### Language Codes
+- `default/`: Source language (Chinese)
+- `zh-CN/`: Simplified Chinese
+- `en-US/`: English (US)
+- `ja-JP/`: Japanese
+
+### Best Practices
+1. Keep translation keys descriptive (e.g., `collapseSidebar` not `cs`)
+2. Group related keys together in the same file
+3. Use consistent naming convention (camelCase for keys)
+## [2026-03-13] - Locale Store Implementation
+
+### Pattern: Zustand Store with Persist Middleware
+
+Created `localeStore.ts` following the existing `domainStore.ts` pattern:
+
+```typescript
+export const useLocaleStore = create<LocaleState>()(
+  persist(
+    (set) => ({
+      locale: DEFAULT_LOCALE,
+      setLocale: (locale) => set({ locale }),
+    }),
+    {
+      name: "locale-storage",
+      partialize: (state) => ({ locale: state.locale }),
+    },
+  ),
+);
+```
+
+### Key Decisions
+- Use `partialize` to only persist the `locale` value, not actions
+- Import `DEFAULT_LOCALE` from shared types to ensure consistency
+- Store key is `locale-storage` in localStorage
+
+### File Location
+- Store: `src/renderer/src/stores/localeStore.ts`
+- Types: `src/shared/types/locale.ts` (LocaleCode, DEFAULT_LOCALE)
+
+## [2026-03-13] - i18n Instance Configuration
+
+### Pattern: Static Import Configuration
+
+Created `i18n.ts` with static imports for all locale files:
+
+```typescript
+// Import locale files statically
+import commonZHCN from "./locales/zh-CN/common.json";
+import domainZHCN from "./locales/zh-CN/domain.json";
+// ... (all 12 files imported)
+
+const resources = {
+  "zh-CN": { common: commonZHCN, domain: domainZHCN, ... },
+  "ja-JP": { ... },
+  "en-US": { ... },
+};
+```
+
+### Key Configuration Options
+
+- **fallbackLng**: `zh-CN` - fallback to Chinese if translation missing
+- **defaultNS**: `common` - default namespace for `t()` calls
+- **ns**: `['common', 'domain', 'settings', 'errors']` - 4 namespaces
+- **escapeValue**: `false` - React handles XSS protection
+- **detection**: localStorage + navigator order, caches to localStorage
+
+### Language Detector Configuration
+
+```typescript
+detection: {
+  order: ["localStorage", "navigator"],
+  caches: ["localStorage"],
+  lookupLocalStorage: "i18nextLng",
+}
+```
+
+This ensures:
+1. First check localStorage for saved preference
+2. Fall back to browser language
+3. Persist detected/selected language to localStorage
+
+### File Location
+- Configuration: `src/renderer/src/i18n.ts`
+- Must be imported in `main.tsx` before React renders
+
+## [2026-03-13] - Dependencies Installation
+
+### Installed Packages
+- `i18next@25.8.18` - Core i18n framework
+- `react-i18next@16.5.8` - React bindings for i18next
+- `i18next-browser-languagedetector@8.2.1` - Browser language detection
+- `@lobehub/i18n-cli@1.26.1` - LobeHub i18n CLI tool
+
+### Notes
+- React-i18next correctly dedupes i18next dependency
+- All packages are latest stable versions
+- LobeHub UI uses @emoji-mart/react which has peer dependency warning for React 19 (non-blocking)
+
+## [2026-03-13] - @lobehub/i18n-cli Configuration
+
+### Configuration Pattern
+- Binary name: `lobe-i18n` (not `@lobehub/i18n-cli`)
+- Config file: `.i18nrc.js` (CommonJS format)
+- Uses environment variable for API key: `OPENAI_API_KEY`
+
+### Locale Structure for CLI
+- `locales/default/` - Source files (Chinese)
+- `locales/zh-CN/` - Same as default (for consistency)
+- `locales/en-US/` - English translations
+- `locales/ja-JP/` - Japanese translations
+
+### Important Notes
+- entryLocale = source language (zh-CN = Chinese)
+- outputLocales = target languages for AI translation
+- Do NOT put zh-CN in outputLocales if it's the source
+- The CLI supports markdown translation with `--with-md` flag
+
+### npm script
+```json
+"i18n": "lobe-i18n"
+```
+
+Run with: `npm run i18n`
+## 2026-03-14 - I18nextProvider Integration
+
+### Changes Made
+- Added `I18nextProvider` import from `react-i18next`
+- Added `i18n` instance import from `./i18n`
+- Wrapped `<ThemeProvider>` with `<I18nextProvider i18n={i18n}>` to enable i18n throughout the app
+
+### Integration Pattern
+```tsx
+<I18nextProvider i18n={i18n}>
+  <ThemeProvider>
+    <AntdApp>
+      <App />
+    </AntdApp>
+  </ThemeProvider>
+</I18nextProvider>
+```
+
+### Notes
+- The i18n instance from `./i18n` is already initialized (chained `.use().init()`)
+- No additional initialization needed in main.tsx
+- I18nextProvider wraps ThemeProvider (not the other way around)
+
+- I18nextProvider wraps ThemeProvider (not the other way around)
+
+## [2026-03-14] - Ant Design Locale Synchronization
+
+### Pattern: Locale Mapping
+- Use a mapping function to convert i18next locale codes to Ant Design locale objects
+- Supported mapping:
+  - `zh-CN` → `zhCN` (antd/locale/zh_CN)
+  - `ja-JP` → `jaJP` (antd/locale/ja_JP)
+  - `en-US` → `enUS` (antd/locale/en_US)
+
+### Implementation
+```typescript
+// Import all locales
+import zhCN from "antd/locale/zh_CN";
+import jaJP from "antd/locale/ja_JP";
+import enUS from "antd/locale/en_US";
+import type { Locale } from "antd/es/locale";
+
+// Map locale code to Ant Design locale
+const getAntdLocale = React.useCallback((localeCode: string): Locale => {
+  switch (localeCode) {
+    case "ja-JP":
+      return jaJP;
+    case "en-US":
+      return enUS;
+    case "zh-CN":
+    default:
+      return zhCN;
+  }
+}, []);
+
+// Memoize the result
+const antdLocale = React.useMemo(
+  () => getAntdLocale(locale),
+  [locale, getAntdLocale]
+);
+
+// Use in ConfigProvider
+<ConfigProvider locale={antdLocale}>
+```
+
+### Key Points
+- Use `React.useCallback` for the mapping function to prevent unnecessary re-renders
+- Use `React.useMemo` to memoize the locale result based on locale changes
+- Import `Locale` type from `antd/es/locale` for type safety
+- Default fallback to `zhCN` for unsupported locales
+
+## [2026-03-14] - Preload Locale API Exposure
+
+### Files Modified
+- `src/shared/types/ipc.ts` - Added `SetLocaleParams` interface
+- `src/preload/index.ts` - Added `getLocale` and `setLocale` IPC invocations
+- `src/preload/index.d.ts` - Added type declarations for locale API
+
+### Pattern: IPC Exposure in Preload
+```typescript
+// In preload/index.ts
+const api: SelfAPI = {
+  // ... other APIs
+  
+  // Locale
+  getLocale: () => ipcRenderer.invoke("getLocale"),
+  setLocale: (params) => ipcRenderer.invoke("setLocale", params),
+};
+```
+
+### Type Declaration Pattern
+```typescript
+// In preload/index.d.ts
+import type { SetLocaleParams } from "@shared/types/ipc";
+import type { LocaleCode } from "@shared/types/locale";
+
+export interface SelfAPI {
+  // ... other methods
+  
+  // ==================== Locale ====================
+  getLocale: () => Promise<Result<LocaleCode>>;
+  setLocale: (params: SetLocaleParams) => Promise<Result<void>>;
+}
+```
+
+### Key Points
+- Follow existing IPC patterns (invoke with channel name and params)
+- Use `Result<T>` wrapper for return types
+- Import types from `@shared/types/` path alias
+- Add IPC type params interface to `ipc.ts`
+
+## 2026-03-14 - Main Process IPC Locale Synchronization
+
+### Implementation Pattern
+
+**Storage Layer** (`src/main/storage.ts`):
+- Added `locale?: LocaleCode` to `AppConfig` interface
+- Implemented `getLocale()` - reads locale from config.json, returns `DEFAULT_LOCALE` if not set
+- Implemented `setLocale(locale: LocaleCode)` - saves locale to config.json
+- Uses existing `readJsonFile`/`writeJsonFile` pattern for consistency
+
+**IPC Handlers** (`src/main/ipc-handlers.ts`):
+- `getLocale` handler: Returns `Promise<Result<LocaleCode>>`
+- `setLocale` handler: Takes `SetLocaleParams`, returns `Promise<Result<void>>`
+- Uses existing `handle<P, T>` helper wrapper for error handling
+
+**Types** (`src/shared/types/ipc.ts`):
+- `SetLocaleParams` interface already exists with `locale: LocaleCode` property
+- Follows pattern of other params objects (e.g., `CreateDomainParams`, `UpdateDomainParams`)
+
+**Preload** (`src/preload/index.ts`):
+- `getLocale: () => ipcRenderer.invoke("getLocale")`
+- `setLocale: (params) => ipcRenderer.invoke("setLocale", params)`
+
+### Key Decisions
+
+1. **Not using react-i18next in main process**: Main process uses simple locale string storage, not full i18n library
+2. **Params object pattern**: `setLocale` uses `SetLocaleParams` object instead of `LocaleCode` directly for consistency with other IPC handlers
+3. **Default fallback**: `getLocale()` returns `DEFAULT_LOCALE` ("zh-CN") when no locale is set
+4. **Storage location**: Locale stored in `config.json` alongside domains array
+
+### File Changes Summary
+
+- `src/main/storage.ts`: Added `getLocale()` and `setLocale()` functions
+- `src/main/ipc-handlers.ts`: Added `registerGetLocale()` and `registerSetLocale()` handlers
+- `src/shared/types/ipc.ts`: `SetLocaleParams` already existed
+- `src/preload/index.d.ts`: Locale API types already existed
+- `src/preload/index.ts`: Locale methods already existed
+
+## 2026-03-14 - App.tsx Internationalization
+
+### Pattern Used
+- Import: `import { useTranslation } from "react-i18next";`
+- Hook usage: `const { t } = useTranslation();`
+- Translation call: `{t('translationKey')}`
+
+### Translation Keys Added
+- `deployFiles` - "部署文件" / "Deploy Files" / "ファイルをデプロイ"
+- `versionHistory` - "版本历史" / "Version History" / "バージョン履歴"
+- `settings` - "设置" / "Settings" / "設定"
+
+### Existing Keys Used
+- `collapseSidebar` - "收起侧边栏"
+- `expandSidebar` - "展开侧边栏"
+
+### Files Modified
+1. `src/renderer/src/App.tsx` - Added useTranslation hook, replaced hardcoded text
+2. `src/renderer/src/locales/zh-CN/common.json` - Added new keys
+3. `src/renderer/src/locales/en-US/common.json` - Added new keys
+4. `src/renderer/src/locales/ja-JP/common.json` - Added new keys
+5. `src/renderer/src/locales/default/common.json` - Added new keys
+
+### i18n Setup
+- Uses `react-i18next` with `I18nextProvider` wrapper in main.tsx
+- Default namespace: `common`
+- Fallback language: `zh-CN`
+- Locale files: `./locales/{lang}/{namespace}.json`
+
+## [2026-03-14] - DomainManager Component Internationalization
+
+### Files Modified
+- `src/renderer/src/components/DomainManager/DomainManager.tsx`
+- `src/renderer/src/locales/default/domain.json`
+
+### Pattern: useTranslation Hook with Namespace
+
+```typescript
+import { useTranslation } from "react-i18next";
+
+const DomainManager: React.FC<DomainManagerProps> = ({...}) => {
+  const { t } = useTranslation("domain");
+  // ...
+  return <h2>{t("domainManagement")}</h2>;
+};
+```
+
+### Translation Keys Added
+- `noDomainSelected`: "未选择 Domain"
+- `addDomainTooltip`: "添加 Domain"
+- `domainManagement`: "Domain 管理"
+- `add`: "添加"
+- `noDomainConfig`: "暂无 Domain 配置"
+- `addFirstDomainConfig`: "添加第一个 Domain"
+
+### Key Points
+1. Use `useTranslation("domain")` to specify the namespace
+2. Replace all hardcoded Chinese text with `t("key")` calls
+3. Use regex `[\u4e00-\u9fff]` to find remaining Chinese characters for verification
+4. Keep translation keys in camelCase format
+
+## [2026-03-14] - Main Process Error Message Internationalization
+
+### Challenge: Cannot Use react-i18next in Main Process
+
+The main process cannot use `react-i18next` because:
+1. It's designed for React rendering, not Node.js/Electron main process
+2. Main process needs synchronous error message access
+3. Main process errors can be thrown before renderer initializes
+
+### Solution: Simple Custom i18n Module
+
+Created `src/main/errors.ts` with a simple translation approach:
+
+```typescript
+import type { LocaleCode } from "@shared/types/locale";
+import { getLocale } from "./storage";
+
+const errorMessages: Record<LocaleCode, Record<MainErrorKey, string>> = {
+  "zh-CN": { domainNotFound: "域名未找到", ... },
+  "en-US": { domainNotFound: "Domain not found", ... },
+  "ja-JP": { domainNotFound: "ドメインが見つかりません", ... },
+};
+
+export function getErrorMessage(
+  key: MainErrorKey,
+  params?: ErrorParams,
+  locale?: LocaleCode,
+): string {
+  const targetLocale = locale ?? getLocale();
+  const messages = errorMessages[targetLocale] || errorMessages["zh-CN"];
+  return interpolate(messages[key], params);
+}
+```
+
+### Files Modified
+
+1. `src/main/errors.ts` - NEW: Error message module with translations
+2. `src/main/ipc-handlers.ts` - Updated all error throws to use `getErrorMessage()`
+3. `src/main/kintone-api.ts` - Updated fallback errors to use i18n
+
+### Error Keys Added
+
+- `domainNotFound` - Domain not found errors
+- `domainDuplicate` - Duplicate domain+username errors
+- `connectionFailed` - Connection test failures
+- `unknownError` - Generic fallback error
+- `rollbackNotImplemented` - Feature not implemented error
+- `encryptPasswordFailed` - Password encryption errors
+- `decryptPasswordFailed` - Password decryption errors
+
+### Circular Dependency Consideration
+
+**IMPORTANT**: `errors.ts` imports `getLocale` from `storage.ts`. Therefore, `storage.ts` CANNOT import from `errors.ts`.
+
+- `storage.ts` password encrypt/decrypt errors remain hardcoded (they are internal system errors)
+- Only user-facing errors in IPC handlers are internationalized
+
+### Interpolation Pattern
+
+For errors with dynamic values, use `{{placeholder}}` syntax:
+
+```typescript
+// In errors.ts
+const messages = {
+  domainDuplicate: "Domain \"{{domain}}\" with user \"{{username}}\" already exists.",
+};
+
+// Usage
+getErrorMessage("domainDuplicate", { domain: "example.com", username: "admin" });
+```
+
+### Test Verification
+
+Tests show i18n working correctly:
+```
+Invalid credentials test result: { success: false, error: '连接失败' }
+```
+The error message '连接失败' is in Chinese (the current locale setting).
+
+
+## [2026-03-14] Locale Persistence Verification
+
+### 验证结果
+
+#### ✅ Renderer Process Persistence (正常)
+
+1. **localeStore** (`src/renderer/src/stores/localeStore.ts`)
+   - 使用 Zustand 的 `persist` 中间件
+   - localStorage key: `locale-storage`
+   - 只持久化 `locale` 字段 (通过 `partialize`)
+   - 实现正确
+
+2. **i18next** (`src/renderer/src/i18n.ts`)
+   - 使用 `i18next-browser-languagedetector`
+   - localStorage key: `i18nextLng`
+   - 检测顺序: localStorage → navigator
+   - 实现正确
+
+#### ✅ Main Process Persistence (正常)
+
+1. **storage.ts** (`src/main/storage.ts`)
+   - `getLocale()`: 从 `config.json` 读取 locale
+   - `setLocale()`: 写入 `config.json`
+   - 默认值: `DEFAULT_LOCALE` (zh-CN)
+   - 实现正确
+
+2. **IPC Handlers** (`src/main/ipc-handlers.ts`)
+   - `registerGetLocale()`: 返回存储的 locale
+   - `registerSetLocale()`: 保存 locale 到 config.json
+   - 实现正确
+
+3. **Error Messages** (`src/main/errors.ts`)
+   - `getErrorMessage()`: 使用 `getLocale()` 获取当前语言
+   - 支持错误消息本地化
+   - 实现正确
+
+#### ❌ CRITICAL ISSUE: Renderer 和 Main Process 没有同步!
+
+**问题**:
+- Renderer 修改语言时，只更新 localStorage，**没有调用 `window.api.setLocale()`**
+- Main process 的 `config.json` 与 localStorage 不同步
+- Main process 错误消息可能使用错误的语言
+
+**证据**:
+- `localeStore.ts` 的 `setLocale` action 只更新 Zustand state
+- `App.tsx` 使用 `useLocaleStore().locale` 但没有同步到 main process
+- `i18n.ts` 的 LanguageDetector 只检测 localStorage，不涉及 main process
+
+**影响**:
+- 重启应用后，main process 的错误消息语言可能与 UI 不一致
+- `getErrorMessage()` 会使用 `config.json` 中可能过时的 locale
+
+### 修复建议
+
+需要在 renderer 和 main process 之间建立同步机制:
+
+1. **方案 A (推荐): App 启动时同步**
+   - 在 App 初始化时，读取 main process 的 locale
+   - 设置 localeStore 和 i18next
+   - 用户修改语言时，同时调用 `window.api.setLocale()`
+
+2. **方案 B: 双向绑定**
+   - localeStore 的 `setLocale` 同时调用 IPC
+   - 使用 useEffect 监听 locale 变化并同步
+
+### 首次启动处理
+
+当前实现已经正确处理:
+- `getLocale()` 返回 `DEFAULT_LOCALE` 如果没有存储
+- i18next 的 detector 会尝试使用系统语言 (`navigator`)
+- 首次启动会使用系统语言 (如果支持) 或 fallback 到 zh-CN
+
+## [2026-03-14] - Settings Component with Language Switcher
+
+### Component Structure
+- **Directory**: `src/renderer/src/components/Settings/`
+- **Files**: `Settings.tsx`, `index.ts`
+- **Pattern**: Functional component with antd-style
+
+### Implementation Pattern
+
+```typescript
+import { useTranslation } from "react-i18next";
+import { Radio, Typography } from "antd";
+import { createStyles } from "antd-style";
+import { useLocaleStore } from "@renderer/stores/localeStore";
+import { LOCALES, type LocaleCode } from "@shared/types/locale";
+
+const Settings: React.FC = () => {
+  const { t } = useTranslation("settings");
+  const { styles } = useStyles();
+  const { locale, setLocale } = useLocaleStore();
+  const i18n = useTranslation().i18n;
+
+  const handleLocaleChange = (newLocale: LocaleCode) => {
+    setLocale(newLocale);       // Update Zustand store
+    i18n.changeLanguage(newLocale); // Update i18next
+  };
+
+  return (
+    <Radio.Group value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {LOCALES.map((loc) => (
+        <Radio key={loc.code} value={loc.code}>
+          {loc.nativeName}
+        </Radio>
+      ))}
+    </Radio.Group>
+  );
+};
+```
+
+### Key Design Decisions
+
+1. **Use LOCALES constant**: Import from `@shared/types/locale` for consistent locale data
+2. **Dual update**: Update both localeStore and i18n when language changes
+3. **Radio.Group styling**: Custom CSS for better UX with native name and English name display
+4. **Namespace usage**: Use `useTranslation("settings")` for settings-specific translations
+
+### Translation Keys Used
+- `settings.json`: `language` - "语言" / "Language" / "言語"
+
+### UI Design
+- Radio options styled as cards with border
+- Shows both native name (e.g., "简体中文") and English name (e.g., "Chinese Simplified")
+- Hover effect with primary color border and background
+- Selected state highlighted with primary color
+
+### Note on Synchronization
+The component updates both `localeStore` and `i18n`, but does NOT call `window.api.setLocale()` to sync with main process. This is a known limitation documented in the learnings file above. Future work should add main process sync.
+### Note on Synchronization
+The component updates both `localeStore` and `i18n`, but does NOT call `window.api.setLocale()` to sync with main process. This is a known limitation documented in the learnings file above. Future work should add main process sync.
+
+## 2026-03-14 - Component Internationalization (Wave 3)
+
+### New Namespaces Created
+- `app.json` - AppDetail, AppList components
+- `deploy.json` - DeployDialog component
+- `file.json` - FileUploader, CodeViewer components
+- `version.json` - VersionHistory component
+
+### Translation Key Naming Convention
+- Actions: `loadApps`, `saveConfig`, `testConnection`
+- States: `loading`, `connected`, `deploying`
+- Labels: `fileName`, `position`, `type`
+- Messages: `loadAppsFailed`, `deploySuccess`
+
+### Cross-Namespace Reference Pattern
+```typescript
+// Reference other namespace's translations
+t("cancel", { ns: "common" })
+t("selectApp", { ns: "app" })
+```
+
+### Interpolation Pattern
+```typescript
+// JSON file
+"totalApps": "共 {{count}} 个应用"
+
+// Component usage
+t("totalApps", { count: displayApps.length })
+```
+
+### Components Internationalized
+1. **DomainManager** - domain namespace
+2. **DomainForm** - domain namespace
+3. **DomainList** - domain namespace
+4. **AppDetail** - app namespace
+5. **AppList** - app namespace
+6. **CodeViewer** - file namespace
+7. **DeployDialog** - deploy namespace
+8. **FileUploader** - file namespace
+9. **VersionHistory** - version namespace
+
+### i18n.ts Update Pattern
+When adding new namespaces:
+1. Add imports for all locales
+2. Add to resources object for each language
+3. Add to `ns` array
+
+```typescript
+// Example
+import appZHCN from "./locales/zh-CN/app.json";
+// ...
+const resources = {
+  "zh-CN": { ..., app: appZHCN, ... },
+  // ...
+};
+// ...
+ns: ["common", "domain", "settings", "errors", "app", "deploy", "file", "version"],
+```
+
+## [2026-03-14] - Renderer/Main Process Locale Synchronization Fix
+
+### Problem
+Renderer stored locale in localStorage (via Zustand persist), main process stored in config.json - they were NOT synced. When user changed language in UI, main process error messages still used old language.
+
+### Solution: Bidirectional Sync
+
+**1. Settings.tsx - Sync to Main Process on Change**
+```typescript
+const handleLocaleChange = async (newLocale: LocaleCode) => {
+  setLocale(newLocale);
+  i18n.changeLanguage(newLocale);
+  // Sync locale to main process
+  await window.api.setLocale({ locale: newLocale });
+};
+```
+
+**2. App.tsx - Sync from Main Process on Mount**
+```typescript
+const setLocaleStore = useLocaleStore((state) => state.setLocale);
+
+// Sync locale from main process on mount
+React.useEffect(() => {
+  const syncLocaleFromMain = async () => {
+    const result = await window.api.getLocale();
+    if (result.success && result.data) {
+      setLocaleStore(result.data);
+      i18n.changeLanguage(result.data);
+    }
+  };
+  syncLocaleFromMain();
+}, [setLocaleStore]);
+```
+
+### Key Points
+1. **On language change**: Update localStorage (Zustand), i18next, AND main process config.json
+2. **On app startup**: Read locale from main process and sync to renderer
+3. **Use async/await**: IPC calls are asynchronous
+4. **Import i18n directly**: Need direct reference to i18n instance for changeLanguage() in useEffect
+
+### Files Modified
+- `src/renderer/src/components/Settings/Settings.tsx` - Added `window.api.setLocale()` call
+- `src/renderer/src/App.tsx` - Added useEffect to sync from main process on mount
+```
+
+## [2026-03-14] - Code Quality Review - Critical Parsing Errors Found
+
+### VERDICT: FAIL
+
+| Check | Status | Count |
+|-------|--------|-------|
+| TypeScript | PASS | 0 errors |
+| ESLint | FAIL | 11 parsing errors, 1 warning |
+| `as any` | PASS | 0 found |
+| `@ts-ignore` | WARNING | 2 found (acceptable) |
+| Empty catches | PASS | 0 found |
+
+### Critical Issues (P0 - Parsing Errors)
+
+**Root Cause**: Incomplete i18n integration - leftover duplicate code from merging translated and untranslated code versions.
+
+#### 1. Duplicate `import {` statements (5 files)
+All files have duplicate `import {` on lines 8-9:
+- `src/renderer/src/components/AppDetail/AppDetail.tsx`
+- `src/renderer/src/components/AppList/AppList.tsx`
+- `src/renderer/src/components/DeployDialog/DeployDialog.tsx`
+- `src/renderer/src/components/VersionHistory/VersionHistory.tsx`
+
+#### 2. Duplicate function parameters (2 files)
+Parameters duplicated inside function body:
+- `src/renderer/src/components/CodeViewer/CodeViewer.tsx` (lines 68-72)
+- `src/renderer/src/components/FileUploader/FileUploader.tsx` (lines 68-72)
+
+#### 3. Duplicate code blocks (2 files)
+- `src/main/ipc-handlers.ts` (lines 127-128): Duplicate error message string - leftover hardcoded Chinese
+- `src/renderer/src/components/DomainManager/DomainForm.tsx` (lines 166-169): Duplicate `else` block with hardcoded Chinese text
+
+### ESLint Warning (P3)
+- `src/renderer/src/App.tsx:242` - Missing dependency `setIsResizing` in useCallback
+
+### Acceptable @ts-ignore (P2)
+- `src/preload/index.ts:50,52` - Used for non-isolated context fallback (acceptable)
+
+### Prevention
+- After large-scale refactoring (like i18n integration), always run `npm run lint` before committing
+- Use automated checks in CI/CD pipeline
+- Code review should catch duplicate code blocks
+
+
+
+
+## [2026-03-14] - Scope Fidelity Check Results
+
+### Must Have Compliance [5/5 PASS]
+
+| Requirement | Status | Evidence |
+|-------------|--------|----------|
+| react-i18next + i18next 核心库 | ✅ PASS | `package.json`: i18next@25.8.18, react-i18next@16.5.8 |
+| @lobehub/i18n-cli 自动化翻译 | ✅ PASS | `package.json` devDeps: @lobehub/i18n-cli@1.26.1, `.i18nrc.js` configured |
+| 中日英三语完整翻译 | ✅ PASS | 32 locale files across zh-CN/, ja-JP/, en-US/ with 8 namespaces each |
+| 语言切换 UI 组件 | ✅ PASS | `src/renderer/src/components/Settings/Settings.tsx` with Radio.Group |
+| 用户偏好持久化 | ✅ PASS | `localeStore.ts` with Zustand persist, `storage.ts` getLocale/setLocale |
+
+### Must NOT Have Compliance [4/4 PASS]
+
+| Forbidden Pattern | Status | Evidence |
+|-------------------|--------|----------|
+| i18next-electron-fs-backend | ✅ PASS | Not found in dependencies or code (grep returned 0 matches) |
+| RTL 语言支持 | ✅ PASS | No RTL/direction code found (grep returned 0 matches) |
+| 远程翻译文件加载 | ✅ PASS | Using static imports in `i18n.ts`, no HTTP backend |
+| MVP 阶段过度抽象翻译 key | ✅ PASS | Flat key structure, reasonable naming convention |
+
+### Tasks Compliance [17/17 PASS]
+
+All 17 tasks from the plan have been implemented:
+- Wave 1 (Tasks 1-6): Dependencies, types, locales, store, i18n config, CLI config
+- Wave 2 (Tasks 7-10): Provider, AntD locale sync, IPC handlers, Preload API
+- Wave 3 (Tasks 11-14): Component i18n, main process errors
+- Wave 4 (Tasks 15-17): Settings page, language switcher, persistence
+
+### Code Quality Issues Found
+
+⚠️ **CRITICAL: Duplicate Code Blocks**
+
+The following files contain duplicate code blocks that need cleanup:
+
+1. **`src/renderer/src/i18n.ts`**:
+   - Lines 14-17 duplicate lines 6-13 (imports)
+   - Lines 26-28 duplicate lines 18-25 (imports)
+   - Lines 38-40 duplicate lines 30-37 (imports)
+   - Lines 75-94 duplicate lines 43-74 (resources object)
+
+2. **`src/renderer/src/components/Settings/Settings.tsx`**:
+   - Lines 81-83 duplicate lines 76-80 (handleLocaleChange function)
+
+3. **`src/renderer/src/App.tsx`**:
+   - Lines 159-160 duplicate line 158 (`const { styles } = useStyles();`)
+   - Lines 191-192 duplicate lines 176-177 (useState declarations)
+
+4. **`src/main/ipc-handlers.ts`**:
+   - Lines 127-129 contain incomplete/duplicate code block after getErrorMessage call
+
+5. **`src/renderer/src/main.tsx`**:
+   - Line 14: Ant Design locale hardcoded as `locale={zhCN}` instead of dynamic
+
+### VERDICT
+
+**Must Have**: 5/5 ✅ PASS  
+**Must NOT Have**: 4/4 ✅ PASS  
+**Tasks**: 17/17 ✅ PASS  
+
+**SCOPE FIDELITY: COMPLIANT**
+
+However, **code quality issues must be fixed** before final approval. The duplicate code blocks are merge conflicts or copy-paste errors that will cause:
+- TypeScript compilation errors
+- Runtime errors
+- Incorrect behavior
+
+### Recommended Actions
+
+1. Remove duplicate imports in `i18n.ts`
+2. Remove duplicate `resources` object definition in `i18n.ts`
+3. Remove duplicate `handleLocaleChange` body in `Settings.tsx`
+4. Remove duplicate `useStyles()` call in `App.tsx`
+5. Remove duplicate useState declarations in `App.tsx`
+6. Fix incomplete code block in `ipc-handlers.ts`
+7. Consider making Ant Design locale dynamic in `main.tsx` (currently hardcoded)

AGENTS.md

@@ -136,7 +136,7 @@ export const useStyles = createStyles(({ token, css }) => ({
 }));
 ```
 
-- 国际化：使用中文默认 `import zhCN from 'antd/locale/zh_CN'`
+- 国际化：使用日文默认 `import jaJP from 'antd/locale/ja_JP'`
 - 禁止使用 Tailwind
 
 ## 7. 安全规范
@@ -161,42 +161,7 @@ export const useStyles = createStyles(({ token, css }) => ({
 eval "$(fnm env --use-on-cd)" && npm run dev
 ```
 
-## 10. 工具使用规范
+## 10. 注意事项
-
-### 使用 `edit_file` 进行代码编辑
-
-推荐使用 `edit_file` 工具进行代码修改，它支持部分代码片段编辑，无需提供完整文件内容：
-
-```typescript
-// 示例：替换单行代码
-edit_file({
-  filePath: "src/main/index.ts",
-  edits: [{
-    pos: "42#XZ",  // LINE#ID 格式
-    op: "replace",
-    lines: "new line content"
-  }]
-})
-
-// 示例：删除代码块
-edit_file({
-  filePath: "src/main/index.ts",
-  edits: [{
-    pos: "40#AB",
-    end: "45#CD",
-    op: "replace",
-    lines: null  // null 表示删除
-  }]
-})
-```
-
-### LINE#ID 格式说明
-
-- 格式：`{line_number}#{hash_id}`
-- hash_id 是每行唯一的两位标识符
-- 从 read 工具输出中获取正确的 LINE#ID
-
-## 11. 注意事项
 
 1. **ESM Only**: LobeHub UI 仅支持 ESM
 2. **React 19**: 使用 `@types/react@^19.0.0`
@@ -204,7 +169,12 @@ edit_file({
 4. **禁止 `as any`**: 使用类型守卫或 `unknown`
 5. **函数组件优先**: 禁止 class 组件
 
-## 12. MVP Phase - Breaking Changes
+## 13. 沟通规范
+
+1. **人设**: 在回答的末尾加上「🦆」，用于确认上下文是否被正确保留
+2. **语言**: 使用中文进行回答
+
+## 11. MVP Phase - Breaking Changes
 
 **This is MVP phase - breaking changes are acceptable for better design.** However, you MUST:
 
@@ -229,7 +199,7 @@ edit_file({
 4. If significant, ask user for confirmation before implementing
 5. Update related documentation after implementation
 
-## 13. 测试规范
+## 12. 测试规范
 
 ### 测试框架
 

package.json

@@ -17,7 +17,8 @@
     "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,css,json}\"",
     "test": "vitest run",
     "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage"
+    "test:coverage": "vitest run --coverage",
+    "i18n": "lobe-i18n"
   },
   "dependencies": {
     "@codemirror/lang-css": "^6.3.0",
@@ -34,14 +35,18 @@
     "antd-style": "^4.1.0",
     "electron-store": "^10.0.0",
     "electron-updater": "^6.3.0",
+    "i18next": "^25.8.18",
+    "i18next-browser-languagedetector": "^8.2.1",
     "lucide-react": "^0.563.0",
     "motion": "^12.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-i18next": "^16.5.8",
     "zustand": "^5.0.0"
   },
   "devDependencies": {
     "@electron-toolkit/tsconfig": "^1.0.1",
+    "@lobehub/i18n-cli": "^1.26.1",
     "@types/node": "^22.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",

src/main/errors.ts

@@ -0,0 +1,108 @@
+/**
+ * Main process error messages
+ * Simple i18n solution for main process (cannot use react-i18next)
+ */
+
+import type { LocaleCode } from "@shared/types/locale";
+import { getLocale } from "./storage";
+
+/**
+ * Error message keys for main process
+ */
+export type MainErrorKey =
+  | "domainNotFound"
+  | "domainDuplicate"
+  | "connectionFailed"
+  | "unknownError"
+  | "rollbackNotImplemented"
+  | "encryptPasswordFailed"
+  | "decryptPasswordFailed";
+
+/**
+ * Error messages by locale
+ */
+const errorMessages: Record<LocaleCode, Record<MainErrorKey, string>> = {
+  "zh-CN": {
+    domainNotFound: "域名未找到",
+    domainDuplicate:
+      '域名 "{{domain}}" 与用户 "{{username}}" 已存在。请编辑现有域名。',
+    connectionFailed: "连接失败",
+    unknownError: "未知错误",
+    rollbackNotImplemented: "回滚功能尚未实现",
+    encryptPasswordFailed: "密码加密失败",
+    decryptPasswordFailed: "密码解密失败",
+  },
+  "en-US": {
+    domainNotFound: "Domain not found",
+    domainDuplicate:
+      'Domain "{{domain}}" with user "{{username}}" already exists. Please edit the existing domain instead.',
+    connectionFailed: "Connection failed",
+    unknownError: "Unknown error",
+    rollbackNotImplemented: "Rollback not yet implemented",
+    encryptPasswordFailed: "Failed to encrypt password",
+    decryptPasswordFailed: "Failed to decrypt password",
+  },
+  "ja-JP": {
+    domainNotFound: "ドメインが見つかりません",
+    domainDuplicate:
+      'ドメイン "{{domain}}" とユーザー "{{username}}" は既に存在します。既存のドメインを編集してください。',
+    connectionFailed: "接続に失敗しました",
+    unknownError: "不明なエラー",
+    rollbackNotImplemented: "ロールバック機能はまだ実装されていません",
+    encryptPasswordFailed: "パスワードの暗号化に失敗しました",
+    decryptPasswordFailed: "パスワードの復号化に失敗しました",
+  },
+};
+
+/**
+ * Interpolation parameters for error messages
+ */
+interface ErrorParams {
+  domain?: string;
+  username?: string;
+  error?: string;
+}
+
+/**
+ * Replace placeholders in message with actual values
+ */
+function interpolate(message: string, params?: ErrorParams): string {
+  if (!params) return message;
+
+  let result = message;
+  if (params.domain !== undefined) {
+    result = result.replace(/\{\{domain\}\}/g, params.domain);
+  }
+  if (params.username !== undefined) {
+    result = result.replace(/\{\{username\}\}/g, params.username);
+  }
+  if (params.error !== undefined) {
+    result = result.replace(/\{\{error\}\}/g, params.error);
+  }
+
+  return result;
+}
+
+/**
+ * Get an error message in the current locale
+ * @param key - Error message key
+ * @param params - Optional interpolation parameters
+ * @param locale - Optional locale override (defaults to stored preference)
+ */
+export function getErrorMessage(
+  key: MainErrorKey,
+  params?: ErrorParams,
+  locale?: LocaleCode,
+): string {
+  const targetLocale = locale ?? getLocale();
+  const messages = errorMessages[targetLocale] || errorMessages["zh-CN"];
+  const message = messages[key] || errorMessages["zh-CN"][key] || key;
+  return interpolate(message, params);
+}
+
+/**
+ * Get current locale (wrapper for storage.getLocale)
+ */
+export function getCurrentLocale(): LocaleCode {
+  return getLocale();
+}

src/main/ipc-handlers.ts

@@ -15,6 +15,8 @@ import {
   deleteVersion,
   saveDownload,
   saveBackup,
+  getLocale,
+  setLocale,
 } from "./storage";
 import { KintoneClient, createKintoneClient } from "./kintone-api";
 import type { Result } from "@shared/types/ipc";
@@ -31,7 +33,9 @@ import type {
   DownloadResult,
   GetVersionsParams,
   RollbackParams,
+  SetLocaleParams,
 } from "@shared/types/ipc";
+import type { LocaleCode } from "@shared/types/locale";
 import type {
   Domain,
   DomainWithStatus,
@@ -45,6 +49,7 @@ import type {
 } from "@shared/types/version";
 import type { AppCustomizeParameter, AppDetail } from "@shared/types/kintone";
 import { getDisplayName, getFileKey } from "@shared/utils/fileDisplay";
+import { getErrorMessage } from "./errors";
 
 // Cache for Kintone clients
 const clientCache = new Map<string, KintoneClient>();
@@ -59,7 +64,7 @@ async function getClient(domainId: string): Promise<KintoneClient> {
 
   const domainWithPassword = await getDomain(domainId);
   if (!domainWithPassword) {
-    throw new Error(`Domain not found: ${domainId}`);
+    throw new Error(getErrorMessage("domainNotFound"));
   }
 
   const client = createKintoneClient(domainWithPassword);
@@ -81,7 +86,7 @@ function handle<P = void, T = unknown>(
       const data = await handler(params as P);
       return { success: true, data };
     } catch (error) {
-      const message = error instanceof Error ? error.message : "Unknown error";
+      const message = error instanceof Error ? error.message : getErrorMessage("unknownError");
       return { success: false, error: message };
     }
   });
@@ -114,7 +119,10 @@ function registerCreateDomain(): void {
 
     if (duplicate) {
       throw new Error(
-        `Domain "${params.domain}" with user "${params.username}" already exists. Please edit the existing domain instead.`,
+        getErrorMessage("domainDuplicate", {
+          domain: params.domain,
+          username: params.username,
+        }),
       );
     }
 
@@ -142,7 +150,7 @@ function registerUpdateDomain(): void {
     const existing = domains.find((d) => d.id === params.id);
 
     if (!existing) {
-      throw new Error(`Domain not found: ${params.id}`);
+      throw new Error(getErrorMessage("domainNotFound"));
     }
 
     const updated: Domain = {
@@ -188,7 +196,7 @@ function registerTestConnection(): void {
   handle<string, DomainWithStatus>("testConnection", async (id) => {
     const domainWithPassword = await getDomain(id);
     if (!domainWithPassword) {
-      throw new Error(`Domain not found: ${id}`);
+      throw new Error(getErrorMessage("domainNotFound"));
     }
 
     const client = createKintoneClient(domainWithPassword);
@@ -223,7 +231,7 @@ function registerTestDomainConnection(): void {
       const result = await client.testConnection();
 
       if (!result.success) {
-        throw new Error(result.error || "Connection failed");
+        throw new Error(result.error || getErrorMessage("connectionFailed"));
       }
 
       return true;
@@ -320,7 +328,7 @@ function registerDeploy(): void {
     const domainWithPassword = await getDomain(params.domainId);
 
     if (!domainWithPassword) {
-      throw new Error(`Domain not found: ${params.domainId}`);
+      throw new Error(getErrorMessage("domainNotFound"));
     }
 
     // Get current app config for backup
@@ -410,7 +418,7 @@ function registerDownload(): void {
     const domainWithPassword = await getDomain(params.domainId);
 
     if (!domainWithPassword) {
-      throw new Error(`Domain not found: ${params.domainId}`);
+      throw new Error(getErrorMessage("domainNotFound"));
     }
 
     const appDetail = await client.getAppDetail(params.appId);
@@ -507,7 +515,27 @@ function registerRollback(): void {
   handle<RollbackParams, DeployResult>("rollback", async (_params) => {
     // This would read the version file and redeploy
     // Simplified implementation - would need full implementation
-    throw new Error("Rollback not yet implemented");
+    throw new Error(getErrorMessage("rollbackNotImplemented"));
+  });
+}
+
+// ==================== Locale IPC Handlers ====================
+
+/**
+ * Get the current locale
+ */
+function registerGetLocale(): void {
+  handle<void, LocaleCode>("getLocale", async () => {
+    return getLocale();
+  });
+}
+
+/**
+ * Set the locale
+ */
+function registerSetLocale(): void {
+  handle<SetLocaleParams, void>("setLocale", async (params) => {
+    setLocale(params.locale);
   });
 }
 
@@ -541,6 +569,10 @@ export function registerIpcHandlers(): void {
   registerDeleteVersion();
   registerRollback();
 
+  // Locale
+  registerGetLocale();
+  registerSetLocale();
+
   console.log("IPC handlers registered");
 }
 

src/main/kintone-api.ts

@@ -8,6 +8,7 @@ import {
   type KintoneApiError,
   AppCustomizeParameter,
 } from "@shared/types/kintone";
+import { getErrorMessage } from "./errors";
 
 /**
  * Custom error class for Kintone API errors
@@ -63,7 +64,7 @@ export class KintoneClient {
       return new KintoneError(error.message);
     }
 
-    return new KintoneError("Unknown error occurred");
+    return new KintoneError(getErrorMessage("unknownError"));
   }
 
   private async withErrorHandling<T>(operation: () => Promise<T>): Promise<T> {
@@ -198,7 +199,9 @@ export class KintoneClient {
       return {
         success: false,
         error:
-          error instanceof KintoneError ? error.message : "Connection failed",
+          error instanceof KintoneError
+            ? error.message
+            : getErrorMessage("connectionFailed"),
       };
     }
   }

src/main/storage.ts

@@ -13,6 +13,8 @@ import type {
   DownloadMetadata,
   BackupMetadata,
 } from "@shared/types/version";
+import type { LocaleCode } from "@shared/types/locale";
+import { DEFAULT_LOCALE } from "@shared/types/locale";
 
 // ==================== Path Helpers ====================
 
@@ -43,6 +45,28 @@ function ensureDir(dirPath: string): void {
 
 interface AppConfig {
   domains: Domain[];
+  locale?: LocaleCode;
+}
+
+// ==================== Locale Management ====================
+
+/**
+ * Get the stored locale preference
+ */
+export function getLocale(): LocaleCode {
+  const configPath = getConfigPath();
+  const config = readJsonFile<AppConfig>(configPath, { domains: [] });
+  return config.locale ?? DEFAULT_LOCALE;
+}
+
+/**
+ * Set the locale preference
+ */
+export function setLocale(locale: LocaleCode): void {
+  const configPath = getConfigPath();
+  const config = readJsonFile<AppConfig>(configPath, { domains: [] });
+  config.locale = locale;
+  writeJsonFile(configPath, config);
 }
 
 interface SecureStore {

src/preload/index.d.ts

@@ -13,6 +13,7 @@ import type {
   DownloadResult,
   GetVersionsParams,
   RollbackParams,
+  SetLocaleParams,
 } from "@shared/types/ipc";
 import type { Domain, DomainWithStatus } from "@shared/types/domain";
 import type {
@@ -22,6 +23,7 @@ import type {
   KintoneSpace,
 } from "@shared/types/kintone";
 import type { Version } from "@shared/types/version";
+import type { LocaleCode } from "@shared/types/locale";
 
 declare global {
   interface Window {
@@ -61,4 +63,9 @@ export interface SelfAPI {
   getVersions: (params: GetVersionsParams) => Promise<Result<Version[]>>;
   deleteVersion: (id: string) => Promise<Result<void>>;
   rollback: (params: RollbackParams) => Promise<DeployResult>;
+
+  // ==================== Locale ====================
+  getLocale: () => Promise<Result<LocaleCode>>;
+  setLocale: (params: SetLocaleParams) => Promise<Result<void>>;
+
 }

src/preload/index.ts

@@ -29,6 +29,11 @@ const api: SelfAPI = {
   getVersions: (params) => ipcRenderer.invoke("getVersions", params),
   deleteVersion: (id) => ipcRenderer.invoke("deleteVersion", id),
   rollback: (params) => ipcRenderer.invoke("rollback", params),
+
+  // Locale
+  getLocale: () => ipcRenderer.invoke("getLocale"),
+  setLocale: (params) => ipcRenderer.invoke("setLocale", params),
+
 };
 
 // Use `contextBridge` APIs to expose Electron APIs to

src/renderer/src/App.tsx

@@ -4,6 +4,7 @@
  */
 
 import React from "react";
+import { useTranslation } from "react-i18next";
 import {
   Layout,
   Typography,
@@ -32,12 +33,12 @@ import { DomainManager } from "@renderer/components/DomainManager";
 import { AppList } from "@renderer/components/AppList";
 import { AppDetail } from "@renderer/components/AppDetail";
 import { DeployDialog } from "@renderer/components/DeployDialog";
-
+import { Settings } from "@renderer/components/Settings";
 const { Header, Content, Sider } = Layout;
 const { Title } = Typography;
 
 // Domain section heights
-const DOMAIN_SECTION_COLLAPSED = 56;
+const DOMAIN_SECTION_COLLAPSED = 76;  // 增加高度，避免按钮覆盖文字
 const DOMAIN_SECTION_EXPANDED = 240;
 const DEFAULT_SIDER_WIDTH = 320;
 const MIN_SIDER_WIDTH = 280;
@@ -148,6 +149,7 @@ const useStyles = createStyles(({ token, css }) => ({
 }));
 
 const App: React.FC = () => {
+  const { t } = useTranslation("common");
   const { styles } = useStyles();
   const {
     token: { colorBgContainer },
@@ -163,6 +165,7 @@ const App: React.FC = () => {
     setDomainExpanded,
   } = useUIStore();
   const [deployDialogOpen, setDeployDialogOpen] = React.useState(false);
+  const [settingsOpen, setSettingsOpen] = React.useState(false);
   const [isResizing, setIsResizing] = React.useState(false);
 
   const domainSectionHeight = domainExpanded
@@ -224,7 +227,7 @@ const App: React.FC = () => {
                     />
                     <span className={styles.logoText}>Kintone Manager</span>
                   </div>
-                  <Tooltip title="收起侧边栏" mouseEnterDelay={0.5}>
+                <Tooltip title={t("collapseSidebar")} mouseEnterDelay={0.5}>
                     <Button
                       type="text"
                       icon={<MenuFoldOutlined />}
@@ -271,7 +274,7 @@ const App: React.FC = () => {
             <Header className={styles.header}>
               <div className={styles.headerLeft}>
                 {siderCollapsed && (
-                  <Tooltip title="展开侧边栏" mouseEnterDelay={0.5}>
+                <Tooltip title={t("expandSidebar")} mouseEnterDelay={0.5}>
                     <Button
                       type="text"
                       icon={<MenuUnfoldOutlined />}
@@ -293,10 +296,10 @@ const App: React.FC = () => {
                   onClick={() => setDeployDialogOpen(true)}
                   disabled={!currentDomain}
                 >
-                  部署文件
+                {t("deployFiles")}
                 </Button>
                 <Button icon={<HistoryOutlined />} disabled={!currentDomain}>
-                  版本历史
+                {t("versionHistory")}
                 </Button>
                 <Dropdown
                   menu={{
@@ -304,7 +307,7 @@ const App: React.FC = () => {
                       {
                         key: "settings",
                         icon: <SettingOutlined />,
-                        label: "设置",
+                        label: t("settings"),
                       },
                       { type: "divider" },
                       {
@@ -313,6 +316,13 @@ const App: React.FC = () => {
                         label: "GitHub",
                       },
                     ],
+                    onClick: ({ key }) => {
+                      if (key === "settings") {
+                        setSettingsOpen(true);
+                      } else if (key === "github") {
+                        window.open("https://github.com", "_blank");
+                      }
+                    },
                   }}
                 >
                   <Button icon={<SettingOutlined />} />
@@ -334,6 +344,13 @@ const App: React.FC = () => {
             open={deployDialogOpen}
             onClose={() => setDeployDialogOpen(false)}
           />
+
+          {/* Settings Panel */}
+          {settingsOpen && (
+            <div style={{ position: "fixed", top: 0, right: 0, bottom: 0, width: 400, background: colorBgContainer, boxShadow: "-2px 0 8px rgba(0,0,0,0.15)", zIndex: 1000, overflow: "auto" }}>
+              <Settings onClose={() => setSettingsOpen(false)} />
+            </div>
+          )}
         </Layout>
       </AntApp>
     </ConfigProvider>

src/renderer/src/components/AppDetail/AppDetail.tsx

@@ -4,6 +4,7 @@
  */
 
 import React from "react";
+import { useTranslation } from "react-i18next";
 import {
   Descriptions,
   Tabs,
@@ -95,6 +96,7 @@ const useStyles = createStyles(({ token, css }) => ({
 }));
 
 const AppDetail: React.FC = () => {
+  const { t } = useTranslation("app");
   const { styles } = useStyles();
   const { currentDomain } = useDomainStore();
   const { currentApp, selectedAppId, loading, setCurrentApp, setLoading } =
@@ -138,7 +140,7 @@ const AppDetail: React.FC = () => {
       <div className={styles.container}>
         <div className={styles.emptySection}>
           <Empty
-            description="请选择一个应用"
+            description={t("selectApp")}
             image={Empty.PRESENTED_IMAGE_SIMPLE}
           />
         </div>
@@ -159,7 +161,7 @@ const AppDetail: React.FC = () => {
       <div className={styles.container}>
         <div className={styles.emptySection}>
           <Empty
-            description="未找到应用信息"
+            description={t("appNotFound")}
             image={Empty.PRESENTED_IMAGE_SIMPLE}
           />
         </div>
@@ -172,7 +174,7 @@ const AppDetail: React.FC = () => {
     type: "js" | "css",
   ) => {
     if (!files || files.length === 0) {
-      return <div className={styles.emptySection}>暂无配置</div>;
+      return <div className={styles.emptySection}>{t("noConfig")}</div>;
     }
 
     return (
@@ -199,7 +201,7 @@ const AppDetail: React.FC = () => {
                   <div className={styles.fileName}>{fileName}</div>
                   <div className={styles.fileType}>
                     {type.toUpperCase()} ·{" "}
-                    {file.type === "FILE" ? "文件上传" : "URL"}
+                    {t("fileUpload")}
                   </div>
                 </div>
               </div>
@@ -215,10 +217,10 @@ const AppDetail: React.FC = () => {
                       setActiveTab("code");
                     }}
                   >
-                    查看
+                    {t("view")}
                   </Button>
                   <Button type="text" size="small" icon={<DownloadOutlined />}>
-                    下载
+                    {t("download", { ns: "common" })}
                   </Button>
                 </Space>
               )}
@@ -238,9 +240,9 @@ const AppDetail: React.FC = () => {
           <Tag color="blue">{currentApp.appId}</Tag>
         </div>
         <Space>
-          <Button icon={<HistoryOutlined />}>版本历史</Button>
+          <Button icon={<HistoryOutlined />}>{t("versionHistory", { ns: "common" })}</Button>
           <Button type="primary" icon={<DownloadOutlined />}>
-            下载全部
+            {t("downloadAll")}
           </Button>
         </Space>
       </div>
@@ -252,28 +254,28 @@ const AppDetail: React.FC = () => {
           items={[
             {
               key: "info",
-              label: "基本信息",
+              label: t("basicInfo"),
               children: (
                 <Descriptions column={2} bordered size="small">
-                  <Descriptions.Item label="应用ID">
+                  <Descriptions.Item label={t("appId")}>
                     {currentApp.appId}
                   </Descriptions.Item>
-                  <Descriptions.Item label="应用代码">
+                  <Descriptions.Item label={t("appCode")}>
                     {currentApp.code || "-"}
                   </Descriptions.Item>
-                  <Descriptions.Item label="创建时间">
+                  <Descriptions.Item label={t("createdAt")}>
                     {currentApp.createdAt}
                   </Descriptions.Item>
-                  <Descriptions.Item label="创建者">
+                  <Descriptions.Item label={t("creator")}>
                     {currentApp.creator?.name}
                   </Descriptions.Item>
-                  <Descriptions.Item label="更新时间">
+                  <Descriptions.Item label={t("modifiedAt")}>
                     {currentApp.modifiedAt}
                   </Descriptions.Item>
-                  <Descriptions.Item label="更新者">
+                  <Descriptions.Item label={t("modifier")}>
                     {currentApp.modifier?.name}
                   </Descriptions.Item>
-                  <Descriptions.Item label="所属 Space ID" span={2}>
+                  <Descriptions.Item label={t("spaceId")} span={2}>
                     {currentApp.spaceId || "-"}
                   </Descriptions.Item>
                 </Descriptions>
@@ -281,7 +283,7 @@ const AppDetail: React.FC = () => {
             },
             {
               key: "pc-js",
-              label: "PC端 JS",
+              label: t("pcJs"),
               children: renderFileList(
                 currentApp.customization?.desktop?.js,
                 "js",
@@ -289,7 +291,7 @@ const AppDetail: React.FC = () => {
             },
             {
               key: "pc-css",
-              label: "PC端 CSS",
+              label: t("pcCss"),
               children: renderFileList(
                 currentApp.customization?.desktop?.css,
                 "css",
@@ -297,7 +299,7 @@ const AppDetail: React.FC = () => {
             },
             {
               key: "mobile-js",
-              label: "移动端 JS",
+              label: t("mobileJs"),
               children: renderFileList(
                 currentApp.customization?.mobile?.js,
                 "js",
@@ -305,7 +307,7 @@ const AppDetail: React.FC = () => {
             },
             {
               key: "mobile-css",
-              label: "移动端 CSS",
+              label: t("mobileCss"),
               children: renderFileList(
                 currentApp.customization?.mobile?.css,
                 "css",
@@ -313,7 +315,7 @@ const AppDetail: React.FC = () => {
             },
             {
               key: "code",
-              label: "代码查看",
+              label: t("codeView"),
               children: selectedFile && selectedFile.fileKey ? (
                 <CodeViewer
                   fileKey={selectedFile.fileKey}
@@ -322,7 +324,7 @@ const AppDetail: React.FC = () => {
                 />
               ) : (
                 <div className={styles.emptySection}>
-                  请从文件列表中选择要查看的文件
+                  {t("selectFileToView")}
                 </div>
               ),
             },

src/renderer/src/components/AppList/AppList.tsx

@@ -4,8 +4,8 @@
  */
 
 import React from "react";
+import { useTranslation } from "react-i18next";
 import {
-  List,
   Button,
   Input,
   Empty,
@@ -133,6 +133,7 @@ const useStyles = createStyles(({ token, css }) => ({
 }));
 
 const AppList: React.FC = () => {
+  const { t } = useTranslation("app");
   const { styles } = useStyles();
   const { currentDomain } = useDomainStore();
   const {
@@ -176,10 +177,10 @@ const AppList: React.FC = () => {
       if (result.success) {
         setApps(result.data);
       } else {
-        setError(result.error || "加载应用失败");
+        setError(result.error || t("loadAppsFailed"));
       }
     } catch (err) {
-      setError(err instanceof Error ? err.message : "加载应用失败");
+      setError(err instanceof Error ? err.message : t("loadAppsFailed"));
     } finally {
       setLoading(false);
     }
@@ -269,12 +270,12 @@ const AppList: React.FC = () => {
     const isPinned = currentPinnedApps.includes(app.appId);
 
     return (
-      <List.Item
+      <div
         className={`${styles.listItem} ${isActive ? styles.listItemActive : ""} ${isPinned ? styles.listItemPinned : ""}`}
         onClick={() => handleItemClick(app)}
       >
         <div className={styles.appInfo}>
-          <Tooltip title={isPinned ? "取消置顶" : "置顶应用"}>
+          <Tooltip title={isPinned ? t("unpin") : t("pinApp")}>
             <span
               className={`${styles.pinIcon} ${isPinned ? styles.pinIconPinned : ""}`}
               onClick={(e) => handlePinToggle(e, app.appId)}
@@ -290,14 +291,14 @@ const AppList: React.FC = () => {
             ID: {app.appId}
           </Text>
         </div>
-      </List.Item>
+      </div>
     );
   };
 
   if (!currentDomain) {
     return (
       <div className={styles.empty}>
-        <Empty description="请先选择一个 Domain" />
+        <Empty description={t("selectDomainFirst")} />
       </div>
     );
   }
@@ -308,7 +309,7 @@ const AppList: React.FC = () => {
       <div className={styles.header}>
         <div className={styles.searchWrapper}>
           <Input
-            placeholder="搜索应用..."
+            placeholder={t("searchApp")}
             prefix={<SearchOutlined />}
             value={searchText}
             onChange={(e) => setSearchText(e.target.value)}
@@ -323,12 +324,14 @@ const AppList: React.FC = () => {
             onChange={setAppSortBy}
             size="small"
             options={[
-              { label: "应用ID", value: "appId" },
+              { label: t("sortByAppId"), value: "appId" },
-              { label: "名称", value: "name" },
+              { label: t("sortByName"), value: "name" },
             ]}
             style={{ width: 90 }}
           />
-          <Tooltip title={appSortOrder === "asc" ? "升序" : "降序"}>
+          <Tooltip
+            title={appSortOrder === "asc" ? t("ascending") : t("descending")}
+          >
             <Button
               type="text"
               size="small"
@@ -342,7 +345,7 @@ const AppList: React.FC = () => {
               onClick={toggleSortOrder}
             />
           </Tooltip>
-          <Tooltip title={apps.length > 0 ? "重新加载" : "加载应用"}>
+          <Tooltip title={apps.length > 0 ? t("reload") : t("loadApps")}>
             <Button
               type="text"
               icon={<ReloadOutlined />}
@@ -358,39 +361,40 @@ const AppList: React.FC = () => {
       <div className={styles.content}>
         {loading && apps.length === 0 ? (
           <div className={styles.loading}>
-            <Spin size="large" tip="正在加载应用..." />
+            <Spin size="large" tip={t("loadingApps")} />
           </div>
         ) : apps.length === 0 ? (
           <div className={styles.empty}>
             <Empty
-              description="暂无应用数据"
+              description={t("noApps")}
               image={Empty.PRESENTED_IMAGE_SIMPLE}
             >
               <Button type="primary" onClick={handleLoadApps}>
-                加载应用
+                {t("loadApps")}
               </Button>
             </Empty>
           </div>
         ) : (
-          <List
+          <>
-            dataSource={displayApps}
+            {displayApps.map((app) => (
-            renderItem={renderItem}
+              <React.Fragment key={app.appId}>
-            locale={{ emptyText: "没有匹配的应用" }}
+                {renderItem(app)}
-          />
+              </React.Fragment>
+            ))}
+          </>
         )}
       </div>
-
       {/* Footer with info */}
       {apps.length > 0 && (
         <div className={styles.footer}>
           <div className={styles.loadedInfo}>
             {loadedAt && (
               <Text type="secondary">
-                上次加载: {new Date(loadedAt).toLocaleString("zh-CN")}
+                {t("lastLoaded")}: {new Date(loadedAt).toLocaleString("zh-CN")}
               </Text>
             )}
             <Text type="secondary" style={{ marginLeft: 16 }}>
-              共 {displayApps.length} 个应用
+              {t("totalApps", { count: displayApps.length })}
             </Text>
           </div>
         </div>

src/renderer/src/components/CodeViewer/CodeViewer.tsx

@@ -4,7 +4,8 @@
  */
 
 import React from "react";
-import { Spin, Empty, Alert, Button, Space, message } from "antd";
+import { useTranslation } from "react-i18next";
+import { Spin, Alert, Empty, Button, Space, message } from "antd";
 import {
   CopyOutlined,
   DownloadOutlined,
@@ -63,6 +64,7 @@ const CodeViewer: React.FC<CodeViewerProps> = ({
   fileName,
   fileType,
 }) => {
+  const { t } = useTranslation("file");
   const { styles } = useStyles();
   const { currentDomain } = useDomainStore();
 
@@ -123,7 +125,7 @@ const CodeViewer: React.FC<CodeViewerProps> = ({
 
   const handleCopy = () => {
     navigator.clipboard.writeText(content);
-    message.success("已复制到剪贴板");
+    message.success(t("copiedToClipboard"));
   };
 
   const handleDownload = () => {
@@ -136,13 +138,13 @@ const CodeViewer: React.FC<CodeViewerProps> = ({
     a.click();
     document.body.removeChild(a);
     URL.revokeObjectURL(url);
-    message.success("下载成功");
+    message.success(t("downloadSuccess"));
   };
 
   if (loading) {
     return (
       <div className={styles.loading}>
-        <Spin size="large" tip="加载中..." />
+        <Spin size="large" description={t("loading")} />
       </div>
     );
   }
@@ -152,12 +154,12 @@ const CodeViewer: React.FC<CodeViewerProps> = ({
       <div className={styles.error}>
         <Alert
           type="error"
-          message="加载失败"
+          message={t("loadFailed")}
           description={error}
           showIcon
           action={
             <Button size="small" onClick={loadFileContent}>
-              重试
+              {t("retry", { ns: "deploy" })}
             </Button>
           }
         />
@@ -169,7 +171,7 @@ const CodeViewer: React.FC<CodeViewerProps> = ({
     return (
       <div className={styles.container}>
         <Empty
-          description="文件内容为空"
+          description={t("fileEmpty")}
           image={Empty.PRESENTED_IMAGE_SIMPLE}
         />
       </div>
@@ -187,7 +189,7 @@ const CodeViewer: React.FC<CodeViewerProps> = ({
             icon={<CopyOutlined />}
             onClick={handleCopy}
           >
-            复制
+            {t("copy", { ns: "common" })}
           </Button>
           <Button
             type="text"
@@ -195,7 +197,7 @@ const CodeViewer: React.FC<CodeViewerProps> = ({
             icon={<DownloadOutlined />}
             onClick={handleDownload}
           >
-            下载
+            {t("download", { ns: "common" })}
           </Button>
         </Space>
       </div>

src/renderer/src/components/DeployDialog/DeployDialog.tsx

@@ -4,6 +4,7 @@
  */
 
 import React from "react";
+import { useTranslation } from "react-i18next";
 import {
   Modal,
   Steps,
@@ -75,6 +76,7 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
   onClose,
   onSuccess,
 }) => {
+  const { t } = useTranslation("deploy");
   const { styles } = useStyles();
   const { currentDomain } = useDomainStore();
   const { currentApp } = useAppStore();
@@ -118,11 +120,11 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
         setStep("success");
         onSuccess?.();
       } else {
-        setError(result.error || "部署失败");
+        setError(result.error || t("deployFailed"));
         setStep("error");
       }
     } catch (error) {
-      setError(error instanceof Error ? error.message : "部署失败");
+      setError(error instanceof Error ? error.message : t("deployFailed"));
       setStep("error");
     } finally {
       setDeploying(false);
@@ -152,18 +154,18 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
 
   // Position options for JS files
   const jsPositionOptions = [
-    { value: "pc_header", label: "PC端 - Header" },
+    { value: "pc_header", label: t("pcHeader") },
-    { value: "pc_body", label: "PC端 - Body" },
+    { value: "pc_body", label: t("pcBody") },
-    { value: "pc_footer", label: "PC端 - Footer" },
+    { value: "pc_footer", label: t("pcFooter") },
-    { value: "mobile_header", label: "移动端 - Header" },
+    { value: "mobile_header", label: t("mobileHeader") },
-    { value: "mobile_body", label: "移动端 - Body" },
+    { value: "mobile_body", label: t("mobileBody") },
-    { value: "mobile_footer", label: "移动端 - Footer" },
+    { value: "mobile_footer", label: t("mobileFooter") },
   ];
 
   // Position options for CSS files
   const cssPositionOptions = [
-    { value: "pc_css", label: "PC端" },
+    { value: "pc_css", label: t("pc") },
-    { value: "mobile_css", label: "移动端" },
+    { value: "mobile_css", label: t("mobile") },
   ];
 
   const renderStepContent = () => {
@@ -172,8 +174,8 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
         return (
           <div className={styles.stepContent}>
             <Alert
-              message="选择要部署的文件"
+              message={t("selectFiles")}
-              description="请拖拽或选择要部署的 JavaScript 或 CSS 文件"
+              description={t("selectFilesDesc")}
               type="info"
               showIcon
               style={{ marginBottom: 16 }}
@@ -186,8 +188,8 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
         return (
           <div className={styles.stepContent}>
             <Alert
-              message="配置部署位置"
+              message={t("configurePosition")}
-              description="为每个文件选择部署位置"
+              description={t("configurePositionDesc")}
               type="info"
               showIcon
               style={{ marginBottom: 16 }}
@@ -219,36 +221,36 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
         return (
           <div className={styles.stepContent}>
             <Alert
-              message="确认部署"
+              message={t("confirmDeployment")}
-              description="请确认以下部署信息"
+              description={t("confirmDeploymentDesc")}
               type="warning"
               showIcon
               style={{ marginBottom: 16 }}
             />
             <div className={styles.summary}>
               <div className={styles.summaryItem}>
-                <Text strong>目标Domain</Text>
+                <Text strong>{t("targetDomain")}</Text>
                 <Text>{currentDomain?.name}</Text>
               </div>
               <div className={styles.summaryItem}>
-                <Text strong>目标应用</Text>
+                <Text strong>{t("targetApp")}</Text>
                 <Text>
                   {currentApp?.name} ({currentApp?.appId})
                 </Text>
               </div>
               <Divider style={{ margin: "12px 0" }} />
-              <Text strong>部署文件：</Text>
+              <Text strong>{t("deployFiles")}</Text>
               <Table
                 size="small"
                 dataSource={files.map((f, i) => ({ ...f, key: i }))}
                 columns={[
                   {
-                    title: "文件名",
+                    title: t("fileName"),
                     dataIndex: "fileName",
                     key: "fileName",
                   },
                   {
-                    title: "类型",
+                    title: t("type"),
                     dataIndex: "fileType",
                     key: "fileType",
                     render: (type) => (
@@ -258,19 +260,19 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
                     ),
                   },
                   {
-                    title: "部署位置",
+                    title: t("position"),
                     dataIndex: "position",
                     key: "position",
                     render: (pos) => {
                       const labels: Record<string, string> = {
-                        pc_header: "PC端 Header",
+                        pc_header: t("pcHeader"),
-                        pc_body: "PC端 Body",
+                        pc_body: t("pcBody"),
-                        pc_footer: "PC端 Footer",
+                        pc_footer: t("pcFooter"),
-                        mobile_header: "移动端 Header",
+                        mobile_header: t("mobileHeader"),
-                        mobile_body: "移动端 Body",
+                        mobile_body: t("mobileBody"),
-                        mobile_footer: "移动端 Footer",
+                        mobile_footer: t("mobileFooter"),
-                        pc_css: "PC端",
+                        pc_css: t("pc"),
-                        mobile_css: "移动端",
+                        mobile_css: t("mobile"),
                       };
                       return labels[pos] || pos;
                     },
@@ -292,7 +294,7 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
               indicator={<LoadingOutlined style={{ fontSize: 48 }} spin />}
             />
             <div style={{ marginTop: 24 }}>
-              <Text>正在部署到 Kintone...</Text>
+              <Text>{t("deploying")}</Text>
             </div>
           </div>
         );
@@ -302,11 +304,11 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
           <div className={styles.stepContent}>
             <Result
               status="success"
-              title="部署成功"
+              title={t("deploySuccess")}
-              subTitle="文件已成功部署到 Kintone"
+              subTitle={t("deploySuccessDesc")}
               extra={[
                 <Button type="primary" key="close" onClick={handleClose}>
-                  完成
+                  {t("done")}
                 </Button>,
               ]}
             />
@@ -318,14 +320,14 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
           <div className={styles.stepContent}>
             <Result
               status="error"
-              title="部署失败"
+              title={t("deployFailed")}
-              subTitle="部署过程中发生错误"
+              subTitle={t("deployFailedDesc")}
               extra={[
                 <Button key="retry" onClick={() => setStep("confirm")}>
-                  重试
+                  {t("retry")}
                 </Button>,
                 <Button key="close" onClick={handleClose}>
-                  关闭
+                  {t("close", { ns: "common" })}
                 </Button>,
               ]}
             />
@@ -351,7 +353,7 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
       title={
         <Space>
           <CloudUploadOutlined />
-          部署文件
+          {t("title")}
         </Space>
       }
       open={open}
@@ -362,41 +364,47 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
         step === "success" ||
         step === "error" ? null : (
           <Space>
-            <Button onClick={handleClose}>取消</Button>
+            <Button onClick={handleClose}>
+              {t("cancel", { ns: "common" })}
+            </Button>
             {step === "select" && (
               <Button
                 type="primary"
                 disabled={!canProceedToConfigure}
                 onClick={() => setStep("configure")}
               >
-                下一步
+                {t("next", { ns: "common" })}
               </Button>
             )}
             {step === "configure" && (
               <>
-                <Button onClick={() => setStep("select")}>上一步</Button>
+                <Button onClick={() => setStep("select")}>
+                  {t("back", { ns: "common" })}
+                </Button>
                 <Button
                   type="primary"
                   disabled={!canProceedToConfirm}
                   onClick={() => setStep("confirm")}
                 >
-                  下一步
+                  {t("next", { ns: "common" })}
                 </Button>
               </>
             )}
             {step === "confirm" && (
               <>
-                <Button onClick={() => setStep("configure")}>上一步</Button>
+                <Button onClick={() => setStep("configure")}>
+                  {t("back", { ns: "common" })}
+                </Button>
                 <Button type="primary" onClick={handleDeploy}>
-                  确认部署
+                  {t("confirmDeploy")}
                 </Button>
               </>
             )}
           </Space>
         )
       }
-      destroyOnClose
+      destroyOnHidden
-      maskClosable={false}
+      mask={{ closable: false }}
     >
       <div className={styles.container}>
         {step !== "success" && step !== "error" && step !== "deploying" && (
@@ -404,9 +412,9 @@ const DeployDialog: React.FC<DeployDialogProps> = ({
             size="small"
             current={currentStepIndex}
             items={[
-              { title: "选择文件" },
+              { title: t("selectFile") },
-              { title: "配置位置" },
+              { title: t("configurePos") },
-              { title: "确认部署" },
+              { title: t("confirmDeployment") },
             ]}
           />
         )}

src/renderer/src/components/DomainManager/DomainForm.tsx

@@ -4,8 +4,8 @@
  */
 
 import React from "react";
-import { Modal, Input, Button, InputPassword } from "@lobehub/ui";
+import { useTranslation } from "react-i18next";
-import { Form, message } from "antd";
+import { Button, Form, Input, Modal, message } from "antd";
 import { createStyles } from "antd-style";
 import { useDomainStore } from "@renderer/stores";
 import type { CreateDomainParams, UpdateDomainParams } from "@shared/types/ipc";
@@ -30,6 +30,7 @@ interface DomainFormProps {
 }
 
 const DomainForm: React.FC<DomainFormProps> = ({ open, onClose, domainId }) => {
+  const { t } = useTranslation("domain");
   const { styles } = useStyles();
   const [form] = Form.useForm();
   const { domains, createDomain, updateDomainById, loading } = useDomainStore();
@@ -90,10 +91,10 @@ const DomainForm: React.FC<DomainFormProps> = ({ open, onClose, domainId }) => {
 
         const success = await updateDomainById(params);
         if (success) {
-          message.success("Domain 更新成功");
+          message.success(t("domainUpdated"));
           onClose();
         } else {
-          message.error("更新失败");
+          message.error(t("updateFailed"));
         }
       } else {
         const params: CreateDomainParams = {
@@ -105,10 +106,10 @@ const DomainForm: React.FC<DomainFormProps> = ({ open, onClose, domainId }) => {
 
         const success = await createDomain(params);
         if (success) {
-          message.success("Domain 创建成功");
+          message.success(t("domainCreated"));
           onClose();
         } else {
-          message.error("创建失败");
+          message.error(t("createFailed"));
         }
       }
     } catch (error) {
@@ -144,9 +145,9 @@ const DomainForm: React.FC<DomainFormProps> = ({ open, onClose, domainId }) => {
       });
 
       if (result.success) {
-        message.success("连接成功");
+        message.success(t("connectionSuccess"));
       } else {
-        message.error(result.error || "连接失败");
+        message.error(result.error || t("connectionFailed"));
       }
     } catch (error) {
       console.error("Test connection failed:", error);
@@ -157,24 +158,24 @@ const DomainForm: React.FC<DomainFormProps> = ({ open, onClose, domainId }) => {
 
   return (
     <Modal
-      title={isEdit ? "编辑 Domain" : "添加 Domain"}
+      title={isEdit ? t("editDomain") : t("addDomain")}
       open={open}
       onCancel={onClose}
       footer={null}
       width={520}
-      destroyOnClose
+      destroyOnHidden
-      maskClosable={false}
+      mask={{ closable: false }}
     >
       <Form form={form} layout="vertical" className={styles.form}>
-        <Form.Item name="name" label="名称" style={{ marginTop: 8 }}>
+        <Form.Item name="name" label={t("name")} style={{ marginTop: 8 }}>
-          <Input placeholder="可选，留空则使用域名" />
+          <Input placeholder={t("nameOptional")} />
         </Form.Item>
 
         <Form.Item
           name="domain"
-          label="Kintone 域名"
+          label={t("kintoneDomain")}
           rules={[
-            { required: true, message: "请输入域名" },
+            { required: true, message: t("enterDomain") },
             {
               validator: (_, value) => {
                 if (!value) return Promise.resolve();
@@ -191,7 +192,7 @@ const DomainForm: React.FC<DomainFormProps> = ({ open, onClose, domainId }) => {
                 if (/^[\w.-]+$/.test(domain)) {
                   return Promise.resolve();
                 }
-                return Promise.reject(new Error("请输入有效的域名"));
+                return Promise.reject(new Error(t("validDomainRequired")));
               },
             },
           ]}
@@ -201,31 +202,31 @@ const DomainForm: React.FC<DomainFormProps> = ({ open, onClose, domainId }) => {
 
         <Form.Item
           name="username"
-          label="用户名"
+          label={t("username")}
-          rules={[{ required: true, message: "请输入用户名" }]}
+          rules={[{ required: true, message: t("enterUsername") }]}
         >
-          <Input placeholder="登录 Kintone 的用户名" />
+          <Input placeholder={t("usernameLoginHint")} />
         </Form.Item>
 
         <Form.Item
           name="password"
-          label="密码"
+          label={t("password")}
-          rules={isEdit ? [] : [{ required: true, message: "请输入密码" }]}
+          rules={isEdit ? [] : [{ required: true, message: t("enterPassword") }]}
         >
-          <InputPassword
+          <Input.Password
-            placeholder={isEdit ? "留空则保持原密码" : "请输入密码"}
+            placeholder={isEdit ? t("keepPasswordHint") : t("enterPassword")}
           />
         </Form.Item>
 
         <Form.Item style={{ marginTop: 24, marginBottom: 0 }}>
           <div style={{ display: "flex", justifyContent: "space-between", gap: 8 }}>
             <Button onClick={handleTestConnection} loading={testing}>
-              测试连接
+              {t("testConnection")}
             </Button>
             <div style={{ display: "flex", gap: 8 }}>
-              <Button onClick={onClose}>取消</Button>
+              <Button onClick={onClose}>{t("cancel", { ns: "common" })}</Button>
               <Button type="primary" onClick={handleSubmit} loading={loading}>
-                {isEdit ? "更新" : "创建"}
+                {isEdit ? t("update") : t("create")}
               </Button>
             </div>
           </div>

src/renderer/src/components/DomainManager/DomainList.tsx

@@ -4,7 +4,8 @@
  */
 
 import React from "react";
-import { List, Avatar, Tag, Button, Popconfirm, Space, Tooltip } from "antd";
+import { useTranslation } from "react-i18next";
+import { Avatar, Tag, Button, Popconfirm, Space, Tooltip } from "antd";
 import {
   CloudServerOutlined,
   EditOutlined,
@@ -20,11 +21,11 @@ import type { Domain } from "@shared/types/domain";
 
 const useStyles = createStyles(({ token, css }) => ({
   item: css`
-    padding: ${token.paddingMD}px;
+    padding: ${token.paddingSM}px;
     border-radius: ${token.borderRadiusLG}px;
     background: ${token.colorBgContainer};
     border: 1px solid ${token.colorBorderSecondary};
-    margin-bottom: ${token.marginSM}px;
+    margin-bottom: ${token.marginXS}px;
     transition: all 0.2s;
     cursor: pointer;
 
@@ -101,6 +102,7 @@ interface DomainListProps {
 }
 
 const DomainList: React.FC<DomainListProps> = ({ onEdit }) => {
+  const { t } = useTranslation("domain");
   const { styles } = useStyles();
   const {
     domains,
@@ -138,11 +140,11 @@ const DomainList: React.FC<DomainListProps> = ({ onEdit }) => {
     const status = connectionStatuses[id];
     switch (status) {
       case "connected":
-        return <Tag color="success">已连接</Tag>;
+        return <Tag color="success">{t("connected")}</Tag>;
       case "error":
-        return <Tag color="error">连接失败</Tag>;
+        return <Tag color="error">{t("connectionFailed")}</Tag>;
       default:
-        return <Tag color="warning">未检测</Tag>;
+        return <Tag color="warning">{t("notTested")}</Tag>;
     }
   };
 
@@ -175,14 +177,14 @@ const DomainList: React.FC<DomainListProps> = ({ onEdit }) => {
   };
 
   return (
-    <List
+    <>
-      dataSource={domains}
+      {domains.map((domain, index) => {
-      renderItem={(domain, index) => {
         const isSelected = currentDomain?.id === domain.id;
         const isDragging = draggingIndex === index;
 
         return (
           <div
+            key={domain.id}
             className={`${styles.item} ${isSelected ? styles.selectedItem : ""} ${isDragging ? styles.itemDragging : ""}`}
             onClick={() => handleSelect(domain)}
             draggable
@@ -214,7 +216,7 @@ const DomainList: React.FC<DomainListProps> = ({ onEdit }) => {
               </div>
 
               <Space>
-                <Tooltip title="测试连接">
+                <Tooltip title={t("testConnection")}>
                   <Button
                     type="text"
                     size="small"
@@ -225,7 +227,7 @@ const DomainList: React.FC<DomainListProps> = ({ onEdit }) => {
                     }}
                   />
                 </Tooltip>
-                <Tooltip title="编辑">
+                <Tooltip title={t("edit")}>
                   <Button
                     type="text"
                     size="small"
@@ -237,15 +239,15 @@ const DomainList: React.FC<DomainListProps> = ({ onEdit }) => {
                   />
                 </Tooltip>
                 <Popconfirm
-                  title="确认删除"
+                  title={t("confirmDelete")}
-                  description="确定要删除此 Domain 配置吗？"
+                  description={t("confirmDeleteDesc")}
                   onConfirm={(e) => {
                     e?.stopPropagation();
                     handleDelete(domain.id);
                   }}
                   onCancel={(e) => e?.stopPropagation()}
-                  okText="删除"
+                  okText={t("delete", { ns: "common" })}
-                  cancelText="取消"
+                  cancelText={t("cancel", { ns: "common" })}
                 >
                   <Button
                     type="text"
@@ -259,8 +261,8 @@ const DomainList: React.FC<DomainListProps> = ({ onEdit }) => {
             </div>
           </div>
         );
-      }}
+      })}
-    />
+    </>
   );
 };
 

src/renderer/src/components/DomainManager/DomainManager.tsx

@@ -7,6 +7,7 @@
 
 import React from "react";
 import { Button, Empty, Spin, Tooltip, Avatar, Space } from "antd";
+import { useTranslation } from "react-i18next";
 import {
   PlusOutlined,
   CloudServerOutlined,
@@ -30,6 +31,7 @@ const useStyles = createStyles(({ token, css }) => ({
     display: flex;
     flex-direction: column;
     background: ${token.colorBgContainer};
+    position: relative;
   `,
   header: css`
     display: flex;
@@ -117,7 +119,7 @@ const useStyles = createStyles(({ token, css }) => ({
     color: ${token.colorTextTertiary};
     font-size: 12px;
     z-index: 10;
-    opacity: 0;
+    opacity: 0.6;
     transition: all 0.2s;
 
     &:hover {
@@ -139,6 +141,7 @@ const DomainManager: React.FC<DomainManagerProps> = ({
   collapsed = false,
   onToggleCollapse,
 }) => {
+  const { t } = useTranslation("domain");
   const { styles } = useStyles();
   const { domains, loading, loadDomains, currentDomain } = useDomainStore();
   const { domainIconColors } = useUIStore();
@@ -194,11 +197,13 @@ const DomainManager: React.FC<DomainManagerProps> = ({
                   </div>
                 </>
               ) : (
-                <div className={styles.collapsedName}>未选择 Domain</div>
+                <div className={styles.collapsedName}>
+                  {t("noDomainSelected")}
+                </div>
               )}
             </div>
           </div>
-          <Tooltip title="添加 Domain">
+          <Tooltip title={t("addDomain")}>
             <Button
               type="text"
               size="small"
@@ -234,10 +239,10 @@ const DomainManager: React.FC<DomainManagerProps> = ({
   return (
     <div className={styles.container} style={{ position: "relative" }}>
       <div className={styles.header}>
-        <h2 className={styles.title}>Domain 管理</h2>
+        <h2 className={styles.title}>{t("domainManagement")}</h2>
         <div className={styles.actions}>
           <Button type="primary" icon={<PlusOutlined />} onClick={handleAdd}>
-            添加
+            {t("add")}
           </Button>
         </div>
       </div>
@@ -249,11 +254,11 @@ const DomainManager: React.FC<DomainManagerProps> = ({
           </div>
         ) : domains.length === 0 ? (
           <Empty
-            description="暂无 Domain 配置"
+            description={t("noDomainConfig")}
             image={Empty.PRESENTED_IMAGE_SIMPLE}
           >
             <Button type="primary" onClick={handleAdd}>
-              添加第一个 Domain
+              {t("addFirstDomainConfig")}
             </Button>
           </Empty>
         ) : (

src/renderer/src/components/FileUploader/FileUploader.tsx

@@ -4,6 +4,7 @@
  */
 
 import React from "react";
+import { useTranslation } from "react-i18next";
 import { Upload, Button, List, Space, Tag, message, Popconfirm } from "antd";
 import {
   InboxOutlined,
@@ -63,19 +64,20 @@ const FileUploader: React.FC<FileUploaderProps> = ({
   onChange,
   maxFileSize = 10 * 1024 * 1024, // 10MB
 }) => {
+  const { t } = useTranslation("file");
   const { styles } = useStyles();
 
-  const handleBeforeUpload: UploadProps["beforeUpload"] = (file) => {
+  const handleBeforeUpload = (file: File) => {
     // Check file type
     const isJsOrCss = file.name.endsWith(".js") || file.name.endsWith(".css");
     if (!isJsOrCss) {
-      message.error("只支持 .js 和 .css 文件");
+      message.error(t("onlyJsCss"));
       return Upload.LIST_IGNORE;
     }
 
     // Check file size
     if (file.size > maxFileSize) {
-      message.error(`文件大小不能超过 ${maxFileSize / 1024 / 1024}MB`);
+      message.error(t("fileSizeLimit", { size: maxFileSize / 1024 / 1024 }));
       return Upload.LIST_IGNORE;
     }
 
@@ -130,9 +132,9 @@ const FileUploader: React.FC<FileUploaderProps> = ({
         <p className="ant-upload-drag-icon">
           <InboxOutlined />
         </p>
-        <p className="ant-upload-text">点击或拖拽文件到此区域上传</p>
+        <p className="ant-upload-text">{t("clickOrDragToUpload")}</p>
         <p className="ant-upload-hint">
-          支持 .js 和 .css 文件，单个文件最大 {maxFileSize / 1024 / 1024}MB
+          {t("supportFiles", { size: maxFileSize / 1024 / 1024 })}
         </p>
       </Dragger>
 
@@ -146,16 +148,16 @@ const FileUploader: React.FC<FileUploaderProps> = ({
               marginBottom: 8,
             }}
           >
-            <span>已选择 {files.length} 个文件</span>
+            <span>{t("selectedFiles", { count: files.length })}</span>
             <Popconfirm
-              title="确认清空"
+              title={t("confirmClear")}
-              description="确定要清空所有文件吗？"
+              description={t("confirmClearDesc")}
               onConfirm={handleClear}
-              okText="清空"
+              okText={t("clearAll")}
-              cancelText="取消"
+              cancelText={t("cancel", { ns: "common" })}
             >
               <Button size="small" danger>
-                清空全部
+                {t("clearAll")}
               </Button>
             </Popconfirm>
           </div>

src/renderer/src/components/Settings/Settings.tsx

@@ -0,0 +1,146 @@
+/**
+ * Settings Component
+ * Application settings page with language switcher
+ */
+
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { Typography, Radio, Divider, Button } from "antd";
+import { GlobalOutlined, CloseCircleOutlined } from "@ant-design/icons";
+import { createStyles } from "antd-style";
+import { useLocaleStore } from "@renderer/stores/localeStore";
+import { LOCALES, type LocaleCode } from "@shared/types/locale";
+
+const { Title, Text } = Typography;
+
+const useStyles = createStyles(({ token, css }) => ({
+  container: css`
+    padding: ${token.paddingLG}px;
+    max-width: 600px;
+  `,
+  section: css`
+    margin-bottom: ${token.marginLG}px;
+  `,
+  sectionTitle: css`
+    display: flex;
+    align-items: center;
+    gap: ${token.marginXS}px;
+    margin-bottom: ${token.marginMD}px;
+    color: ${token.colorText};
+  `,
+  optionGroup: css`
+    display: flex;
+    flex-direction: column;
+    gap: ${token.marginSM}px;
+  `,
+  radioOption: css`
+    display: flex;
+    align-items: center;
+    padding: ${token.paddingSM}px ${token.padding}px;
+    border: 1px solid ${token.colorBorder};
+    border-radius: ${token.borderRadius}px;
+    transition: all 0.2s;
+
+    &:hover {
+      border-color: ${token.colorPrimary};
+      background: ${token.colorPrimaryBg};
+    }
+
+    &.ant-radio-wrapper-checked {
+      border-color: ${token.colorPrimary};
+      background: ${token.colorPrimaryBg};
+    }
+  `,
+  localeLabel: css`
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  `,
+  localeNativeName: css`
+    font-weight: 500;
+    color: ${token.colorText};
+  `,
+  localeName: css`
+    font-size: ${token.fontSizeSM}px;
+    color: ${token.colorTextSecondary};
+  `,
+}));
+
+interface SettingsProps {
+  onClose?: () => void;
+}
+
+const Settings: React.FC<SettingsProps> = ({ onClose }) => {
+  const { t } = useTranslation("settings");
+  const { styles } = useStyles();
+  const { locale, setLocale } = useLocaleStore();
+  const i18n = useTranslation().i18n;
+
+  const handleLocaleChange = async (newLocale: LocaleCode) => {
+    setLocale(newLocale);
+    i18n.changeLanguage(newLocale);
+    // Sync locale to main process
+    await window.api.setLocale({ locale: newLocale });
+  };
+
+  return (
+    <div className={styles.container}>
+      {/* Header with close button */}
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: 24,
+        }}
+      >
+        <Title level={4} style={{ margin: 0 }}>
+          {t("title")}
+        </Title>
+        {onClose && (
+          <Button
+            type="text"
+            icon={<CloseCircleOutlined />}
+            onClick={onClose}
+          />
+        )}
+      </div>
+
+      {/* Language Section */}
+      <div className={styles.section}>
+        <div className={styles.sectionTitle}>
+          <GlobalOutlined />
+          <Title level={5} style={{ margin: 0 }}>
+            {t("language")}
+          </Title>
+        </div>
+        <Radio.Group
+          value={locale}
+          onChange={(e) => handleLocaleChange(e.target.value)}
+          className={styles.optionGroup}
+        >
+          {LOCALES.map((localeConfig) => (
+            <Radio
+              key={localeConfig.code}
+              value={localeConfig.code}
+              className={styles.radioOption}
+            >
+              <div className={styles.localeLabel}>
+                <span className={styles.localeNativeName}>
+                  {localeConfig.nativeName}
+                </span>
+                <span className={styles.localeName}>{localeConfig.name}</span>
+              </div>
+            </Radio>
+          ))}
+        </Radio.Group>
+      </div>
+
+      <Divider />
+
+      {/* Future settings sections can be added here */}
+    </div>
+  );
+};
+
+export default Settings;

src/renderer/src/components/Settings/index.ts

@@ -0,0 +1,6 @@
+/**
+ * Settings Components
+ * Export all settings components
+ */
+
+export { default as Settings } from "./Settings";

src/renderer/src/components/VersionHistory/VersionHistory.tsx

@@ -4,6 +4,7 @@
  */
 
 import React from "react";
+import { useTranslation } from "react-i18next";
 import {
   List,
   Avatar,
@@ -102,6 +103,7 @@ const useStyles = createStyles(({ token, css }) => ({
 }));
 
 const VersionHistory: React.FC = () => {
+  const { t } = useTranslation("version");
   const { styles } = useStyles();
   const { currentDomain } = useDomainStore();
   const { currentApp } = useAppStore();
@@ -181,9 +183,9 @@ const VersionHistory: React.FC = () => {
 
   const getSourceTag = (source: Version["source"]) => {
     const config = {
-      upload: { color: "blue", text: "上传" },
+      upload: { color: "blue", text: t("sourceUpload") },
-      download: { color: "green", text: "下载" },
+      download: { color: "green", text: t("sourceDownload") },
-      rollback: { color: "orange", text: "回滚" },
+      rollback: { color: "orange", text: t("sourceRollback") },
     };
     return config[source] || { color: "default", text: source };
   };
@@ -193,7 +195,7 @@ const VersionHistory: React.FC = () => {
       <div className={styles.container}>
         <div style={{ padding: 24, textAlign: "center" }}>
           <Empty
-            description="请选择一个应用"
+            description={t("selectApp", { ns: "app" })}
             image={Empty.PRESENTED_IMAGE_SIMPLE}
           />
         </div>
@@ -214,22 +216,22 @@ const VersionHistory: React.FC = () => {
       <div className={styles.header}>
         <div className={styles.title}>
           <HistoryOutlined style={{ fontSize: 20 }} />
-          <Text strong>版本历史</Text>
+          <Text strong>{t("title")}</Text>
-          <Tag>{versions.length} 个版本</Tag>
+          <Tag>{t("totalVersions", { count: versions.length })}</Tag>
         </div>
         <Button
           icon={<DownloadOutlined />}
           onClick={loadVersions}
           loading={loading}
         >
-          刷新
+          {t("refresh", { ns: "common" })}
         </Button>
       </div>
 
       <div className={styles.content}>
         {versions.length === 0 ? (
           <Empty
-            description="暂无版本历史"
+            description={t("noVersions")}
             image={Empty.PRESENTED_IMAGE_SIMPLE}
           />
         ) : (
@@ -285,27 +287,27 @@ const VersionHistory: React.FC = () => {
                   </div>
 
                   <Space>
-                    <Tooltip title="查看代码">
+                    <Tooltip title={t("viewCode")}>
                       <Button
                         type="text"
                         size="small"
                         icon={<CodeOutlined />}
                       />
                     </Tooltip>
-                    <Tooltip title="下载">
+                    <Tooltip title={t("download", { ns: "common" })}>
                       <Button
                         type="text"
                         size="small"
                         icon={<DownloadOutlined />}
                       />
                     </Tooltip>
-                    <Tooltip title="回滚到此版本">
+                    <Tooltip title={t("confirmRollback")}>
                       <Popconfirm
-                        title="确认回滚"
+                        title={t("confirmRollback")}
-                        description="确定要回滚到此版本吗？"
+                        description={t("confirmRollbackDesc")}
                         onConfirm={() => handleRollback(version)}
-                        okText="回滚"
+                        okText={t("sourceRollback")}
-                        cancelText="取消"
+                        cancelText={t("cancel", { ns: "common" })}
                       >
                         <Button
                           type="text"
@@ -315,11 +317,11 @@ const VersionHistory: React.FC = () => {
                       </Popconfirm>
                     </Tooltip>
                     <Popconfirm
-                      title="确认删除"
+                      title={t("confirmDelete")}
-                      description="确定要删除此版本吗？"
+                      description={t("confirmDeleteDesc")}
                       onConfirm={() => handleDelete(version.id)}
-                      okText="删除"
+                      okText={t("delete", { ns: "common" })}
-                      cancelText="取消"
+                      cancelText={t("cancel", { ns: "common" })}
                     >
                       <Button
                         type="text"

src/renderer/src/i18n.ts

@@ -0,0 +1,83 @@
+import i18next from "i18next";
+import { initReactI18next } from "react-i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+
+// Import locale files statically
+import commonZHCN from "./locales/zh-CN/common.json";
+import domainZHCN from "./locales/zh-CN/domain.json";
+import settingsZHCN from "./locales/zh-CN/settings.json";
+import errorsZHCN from "./locales/zh-CN/errors.json";
+import appZHCN from "./locales/zh-CN/app.json";
+import deployZHCN from "./locales/zh-CN/deploy.json";
+import fileZHCN from "./locales/zh-CN/file.json";
+import versionZHCN from "./locales/zh-CN/version.json";
+import commonJAJP from "./locales/ja-JP/common.json";
+import domainJAJP from "./locales/ja-JP/domain.json";
+import settingsJAJP from "./locales/ja-JP/settings.json";
+import errorsJAJP from "./locales/ja-JP/errors.json";
+import appJAJP from "./locales/ja-JP/app.json";
+import deployJAJP from "./locales/ja-JP/deploy.json";
+import fileJAJP from "./locales/ja-JP/file.json";
+import versionJAJP from "./locales/ja-JP/version.json";
+import commonENUS from "./locales/en-US/common.json";
+import domainENUS from "./locales/en-US/domain.json";
+import settingsENUS from "./locales/en-US/settings.json";
+import errorsENUS from "./locales/en-US/errors.json";
+import appENUS from "./locales/en-US/app.json";
+import deployENUS from "./locales/en-US/deploy.json";
+import fileENUS from "./locales/en-US/file.json";
+import versionENUS from "./locales/en-US/version.json";
+// Define resources with namespaces
+const resources = {
+  "zh-CN": {
+    common: commonZHCN,
+    domain: domainZHCN,
+    settings: settingsZHCN,
+    errors: errorsZHCN,
+    app: appZHCN,
+    deploy: deployZHCN,
+    file: fileZHCN,
+    version: versionZHCN,
+  },
+  "ja-JP": {
+    common: commonJAJP,
+    domain: domainJAJP,
+    settings: settingsJAJP,
+    errors: errorsJAJP,
+    app: appJAJP,
+    deploy: deployJAJP,
+    file: fileJAJP,
+    version: versionJAJP,
+  },
+  "en-US": {
+    common: commonENUS,
+    domain: domainENUS,
+    settings: settingsENUS,
+    errors: errorsENUS,
+    app: appENUS,
+    deploy: deployENUS,
+    file: fileENUS,
+    version: versionENUS,
+  },
+};
+
+// Configure and initialize i18next
+i18next
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources,
+    fallbackLng: "zh-CN",
+    defaultNS: "common",
+    ns: ["common", "domain", "settings", "errors", "app", "deploy", "file", "version"],
+    interpolation: {
+      escapeValue: false, // React already handles escaping
+    },
+    detection: {
+      order: ["localStorage", "navigator"],
+      caches: ["localStorage"],
+      lookupLocalStorage: "i18nextLng",
+    },
+  });
+
+export default i18next;

src/renderer/src/locales/default/app.json

@@ -0,0 +1,38 @@
+{
+  "selectApp": "请选择一个应用",
+  "appNotFound": "未找到应用信息",
+  "noConfig": "暂无配置",
+  "fileUpload": "文件上传",
+  "view": "查看",
+  "downloadAll": "下载全部",
+  "basicInfo": "基本信息",
+  "appId": "应用ID",
+  "appCode": "应用代码",
+  "createdAt": "创建时间",
+  "creator": "创建者",
+  "modifiedAt": "更新时间",
+  "modifier": "更新者",
+  "spaceId": "所属 Space ID",
+  "pcJs": "PC端 JS",
+  "pcCss": "PC端 CSS",
+  "mobileJs": "移动端 JS",
+  "mobileCss": "移动端 CSS",
+  "codeView": "代码查看",
+  "selectFileToView": "请从文件列表中选择要查看的文件",
+  "searchApp": "搜索应用...",
+  "sortByAppId": "应用ID",
+  "sortByName": "名称",
+  "ascending": "升序",
+  "descending": "降序",
+  "reload": "重新加载",
+  "loadApps": "加载应用",
+  "loadingApps": "正在加载应用...",
+  "noApps": "暂无应用数据",
+  "noMatchingApps": "没有匹配的应用",
+  "lastLoaded": "上次加载",
+  "totalApps": "共 {{count}} 个应用",
+  "unpin": "取消置顶",
+  "pinApp": "置顶应用",
+  "selectDomainFirst": "请先选择一个 Domain",
+  "loadAppsFailed": "加载应用失败"
+}

src/renderer/src/locales/default/common.json

@@ -0,0 +1,36 @@
+{
+  "appName": "Kintone Manager",
+  "save": "保存",
+  "cancel": "取消",
+  "delete": "删除",
+  "edit": "编辑",
+  "confirm": "确认",
+  "collapseSidebar": "收起侧边栏",
+  "expandSidebar": "展开侧边栏",
+  "add": "添加",
+  "close": "关闭",
+  "search": "搜索",
+  "loading": "加载中...",
+  "success": "成功",
+  "failed": "失败",
+  "warning": "警告",
+  "info": "提示",
+  "yes": "是",
+  "no": "否",
+  "ok": "确定",
+  "back": "返回",
+  "next": "下一步",
+  "previous": "上一步",
+  "submit": "提交",
+  "reset": "重置",
+  "refresh": "刷新",
+  "upload": "上传",
+  "download": "下载",
+  "copy": "复制",
+  "paste": "粘贴",
+  "cut": "剪切",
+  "selectAll": "全选",
+  "deployFiles": "部署文件",
+  "versionHistory": "版本历史",
+  "settings": "设置"
+}

src/renderer/src/locales/default/deploy.json

@@ -0,0 +1,33 @@
+{
+  "title": "部署文件",
+  "selectFiles": "选择要部署的文件",
+  "selectFilesDesc": "请拖拽或选择要部署的 JavaScript 或 CSS 文件",
+  "configurePosition": "配置部署位置",
+  "configurePositionDesc": "为每个文件选择部署位置",
+  "confirmDeployment": "确认部署",
+  "confirmDeploymentDesc": "请确认以下部署信息",
+  "targetDomain": "目标Domain",
+  "targetApp": "目标应用",
+  "deployFiles": "部署文件：",
+  "fileName": "文件名",
+  "type": "类型",
+  "position": "部署位置",
+  "deploying": "正在部署到 Kintone...",
+  "deploySuccess": "部署成功",
+  "deploySuccessDesc": "文件已成功部署到 Kintone",
+  "deployFailed": "部署失败",
+  "deployFailedDesc": "部署过程中发生错误",
+  "done": "完成",
+  "retry": "重试",
+  "confirmDeploy": "确认部署",
+  "selectFile": "选择文件",
+  "configurePos": "配置位置",
+  "pcHeader": "PC端 - Header",
+  "pcBody": "PC端 - Body",
+  "pcFooter": "PC端 - Footer",
+  "mobileHeader": "移动端 - Header",
+  "mobileBody": "移动端 - Body",
+  "mobileFooter": "移动端 - Footer",
+  "pc": "PC端",
+  "mobile": "移动端"
+}

src/renderer/src/locales/default/domain.json

@@ -0,0 +1,60 @@
+{
+  "title": "域名管理",
+  "addDomain": "添加域名",
+  "editDomain": "编辑域名",
+  "deleteDomain": "删除域名",
+  "domainName": "域名名称",
+  "domainUrl": "域名地址",
+  "domainList": "域名列表",
+  "noDomains": "暂无域名",
+  "addFirstDomain": "添加您的第一个域名",
+  "domainPlaceholder": "例如：example.kintone.com",
+  "namePlaceholder": "例如：我的Kintone",
+  "verifyConnection": "验证连接",
+  "connectionSuccess": "连接成功",
+  "connectionVerified": "已验证",
+  "notVerified": "未验证",
+  "apiToken": "API令牌",
+  "apiTokenPlaceholder": "输入API令牌",
+  "authType": "认证方式",
+  "password": "密码",
+  "apiTokenAuth": "API令牌",
+  "username": "用户名",
+  "usernamePlaceholder": "输入用户名",
+  "passwordPlaceholder": "输入密码",
+  "basicAuth": "Basic认证",
+  "deleteConfirm": "确定要删除这个域名吗？",
+  "deleteWarning": "此操作不可撤销",
+  "lastSync": "最后同步",
+  "syncNow": "立即同步",
+  "syncing": "同步中...",
+  "syncSuccess": "同步成功",
+  "syncFailed": "同步失败",
+  "domainManagement": "Domain 管理",
+  "add": "添加",
+  "noDomainConfig": "暂无 Domain 配置",
+  "addFirstDomainConfig": "添加第一个 Domain",
+  "noDomainSelected": "未选择 Domain",
+  "edit": "编辑",
+  "testConnection": "测试连接",
+  "connected": "已连接",
+  "connectionFailed": "连接失败",
+  "notTested": "未检测",
+  "confirmDelete": "确认删除",
+  "confirmDeleteDesc": "确定要删除此 Domain 配置吗？",
+  "name": "名称",
+  "nameOptional": "可选，留空则使用域名",
+  "kintoneDomain": "Kintone 域名",
+  "enterDomain": "请输入域名",
+  "validDomainRequired": "请输入有效的域名",
+  "enterUsername": "请输入用户名",
+  "usernameLoginHint": "登录 Kintone 的用户名",
+  "enterPassword": "请输入密码",
+  "keepPasswordHint": "留空则保持原密码",
+  "create": "创建",
+  "update": "更新",
+  "domainCreated": "Domain 创建成功",
+  "domainUpdated": "Domain 更新成功",
+  "createFailed": "创建失败",
+  "updateFailed": "更新失败"
+}

src/renderer/src/locales/default/errors.json

@@ -0,0 +1,23 @@
+{
+  "networkError": "网络错误",
+  "invalidDomain": "无效的域名",
+  "connectionFailed": "连接失败",
+  "saveFailed": "保存失败",
+  "loadFailed": "加载失败",
+  "unknownError": "未知错误",
+  "timeout": "请求超时",
+  "unauthorized": "未授权",
+  "forbidden": "禁止访问",
+  "notFound": "资源不存在",
+  "serverError": "服务器错误",
+  "invalidInput": "输入无效",
+  "requiredField": "此字段为必填",
+  "invalidFormat": "格式无效",
+  "duplicateEntry": "已存在相同记录",
+  "operationCancelled": "操作已取消",
+  "permissionDenied": "权限不足",
+  "fileTooLarge": "文件过大",
+  "unsupportedFormat": "不支持的文件格式",
+  "storageFull": "存储空间不足",
+  "domainAlreadyExists": "该 Domain 已存在"
+}

src/renderer/src/locales/default/file.json

@@ -0,0 +1,15 @@
+{
+  "loading": "加载中...",
+  "loadFailed": "加载失败",
+  "fileEmpty": "文件内容为空",
+  "copiedToClipboard": "已复制到剪贴板",
+  "downloadSuccess": "下载成功",
+  "clickOrDragToUpload": "点击或拖拽文件到此区域上传",
+  "supportFiles": "支持 .js 和 .css 文件，单个文件最大 {{size}}MB",
+  "selectedFiles": "已选择 {{count}} 个文件",
+  "confirmClear": "确认清空",
+  "confirmClearDesc": "确定要清空所有文件吗？",
+  "clearAll": "清空全部",
+  "onlyJsCss": "只支持 .js 和 .css 文件",
+  "fileSizeLimit": "文件大小不能超过 {{size}}MB"
+}

src/renderer/src/locales/default/settings.json

@@ -0,0 +1,26 @@
+{
+  "title": "设置",
+  "language": "语言",
+  "selectLanguage": "选择语言",
+  "general": "通用设置",
+  "appearance": "外观",
+  "theme": "主题",
+  "lightTheme": "浅色",
+  "darkTheme": "深色",
+  "systemTheme": "跟随系统",
+  "fontSize": "字体大小",
+  "small": "小",
+  "medium": "中",
+  "large": "大",
+  "autoSave": "自动保存",
+  "autoSaveEnabled": "自动保存已启用",
+  "autoSaveDisabled": "自动保存已禁用",
+  "cache": "缓存",
+  "clearCache": "清除缓存",
+  "cacheCleared": "缓存已清除",
+  "about": "关于",
+  "version": "版本",
+  "checkUpdate": "检查更新",
+  "noUpdates": "已是最新版本",
+  "updateAvailable": "有新版本可用"
+}

src/renderer/src/locales/default/version.json

@@ -0,0 +1,13 @@
+{
+  "title": "版本历史",
+  "totalVersions": "{{count}} 个版本",
+  "noVersions": "暂无版本历史",
+  "viewCode": "查看代码",
+  "confirmRollback": "确认回滚",
+  "confirmRollbackDesc": "确定要回滚到此版本吗？",
+  "confirmDelete": "确认删除",
+  "confirmDeleteDesc": "确定要删除此版本吗？",
+  "sourceUpload": "上传",
+  "sourceDownload": "下载",
+  "sourceRollback": "回滚"
+}

src/renderer/src/locales/en-US/app.json

@@ -0,0 +1,38 @@
+{
+  "selectApp": "Please select an app",
+  "appNotFound": "App information not found",
+  "noConfig": "No configuration",
+  "fileUpload": "File Upload",
+  "view": "View",
+  "downloadAll": "Download All",
+  "basicInfo": "Basic Information",
+  "appId": "App ID",
+  "appCode": "App Code",
+  "createdAt": "Created At",
+  "creator": "Creator",
+  "modifiedAt": "Modified At",
+  "modifier": "Modifier",
+  "spaceId": "Space ID",
+  "pcJs": "PC JS",
+  "pcCss": "PC CSS",
+  "mobileJs": "Mobile JS",
+  "mobileCss": "Mobile CSS",
+  "codeView": "Code View",
+  "selectFileToView": "Select a file from the list to view",
+  "searchApp": "Search apps...",
+  "sortByAppId": "App ID",
+  "sortByName": "Name",
+  "ascending": "Ascending",
+  "descending": "Descending",
+  "reload": "Reload",
+  "loadApps": "Load Apps",
+  "loadingApps": "Loading apps...",
+  "noApps": "No app data",
+  "noMatchingApps": "No matching apps",
+  "lastLoaded": "Last loaded",
+  "totalApps": "{{count}} apps total",
+  "unpin": "Unpin",
+  "pinApp": "Pin App",
+  "selectDomainFirst": "Please select a Domain first",
+  "loadAppsFailed": "Failed to load apps"
+}

src/renderer/src/locales/en-US/common.json

@@ -0,0 +1,36 @@
+{
+  "appName": "Kintone Manager",
+  "save": "Save",
+  "cancel": "Cancel",
+  "delete": "Delete",
+  "edit": "Edit",
+  "confirm": "Confirm",
+  "collapseSidebar": "Collapse sidebar",
+  "expandSidebar": "Expand sidebar",
+  "add": "Add",
+  "close": "Close",
+  "search": "Search",
+  "loading": "Loading...",
+  "success": "Success",
+  "failed": "Failed",
+  "warning": "Warning",
+  "info": "Info",
+  "yes": "Yes",
+  "no": "No",
+  "ok": "OK",
+  "back": "Back",
+  "next": "Next",
+  "previous": "Previous",
+  "submit": "Submit",
+  "reset": "Reset",
+  "refresh": "Refresh",
+  "upload": "Upload",
+  "download": "Download",
+  "copy": "Copy",
+  "paste": "Paste",
+  "cut": "Cut",
+  "selectAll": "Select all",
+  "deployFiles": "Deploy Files",
+  "versionHistory": "Version History",
+  "settings": "Settings"
+}

src/renderer/src/locales/en-US/deploy.json

@@ -0,0 +1,33 @@
+{
+  "title": "Deploy Files",
+  "selectFiles": "Select files to deploy",
+  "selectFilesDesc": "Drag and drop or select JavaScript or CSS files to deploy",
+  "configurePosition": "Configure deployment position",
+  "configurePositionDesc": "Select deployment position for each file",
+  "confirmDeployment": "Confirm deployment",
+  "confirmDeploymentDesc": "Please confirm the following deployment information",
+  "targetDomain": "Target Domain",
+  "targetApp": "Target App",
+  "deployFiles": "Files to deploy:",
+  "fileName": "File Name",
+  "type": "Type",
+  "position": "Position",
+  "deploying": "Deploying to Kintone...",
+  "deploySuccess": "Deployment Successful",
+  "deploySuccessDesc": "Files have been successfully deployed to Kintone",
+  "deployFailed": "Deployment Failed",
+  "deployFailedDesc": "An error occurred during deployment",
+  "done": "Done",
+  "retry": "Retry",
+  "confirmDeploy": "Confirm Deploy",
+  "selectFile": "Select Files",
+  "configurePos": "Configure Position",
+  "pcHeader": "PC - Header",
+  "pcBody": "PC - Body",
+  "pcFooter": "PC - Footer",
+  "mobileHeader": "Mobile - Header",
+  "mobileBody": "Mobile - Body",
+  "mobileFooter": "Mobile - Footer",
+  "pc": "PC",
+  "mobile": "Mobile"
+}

src/renderer/src/locales/en-US/domain.json

@@ -0,0 +1,60 @@
+{
+  "title": "Domain Management",
+  "addDomain": "Add Domain",
+  "editDomain": "Edit Domain",
+  "deleteDomain": "Delete Domain",
+  "domainName": "Domain Name",
+  "domainUrl": "Domain URL",
+  "domainList": "Domain List",
+  "noDomains": "No domains",
+  "addFirstDomain": "Add your first domain",
+  "domainPlaceholder": "e.g., example.kintone.com",
+  "namePlaceholder": "e.g., My Kintone",
+  "verifyConnection": "Verify Connection",
+  "connectionSuccess": "Connection successful",
+  "connectionVerified": "Verified",
+  "notVerified": "Not verified",
+  "apiToken": "API Token",
+  "apiTokenPlaceholder": "Enter API token",
+  "authType": "Authentication Type",
+  "password": "Password",
+  "apiTokenAuth": "API Token",
+  "username": "Username",
+  "usernamePlaceholder": "Enter username",
+  "passwordPlaceholder": "Enter password",
+  "basicAuth": "Basic Auth",
+  "deleteConfirm": "Are you sure you want to delete this domain?",
+  "deleteWarning": "This action cannot be undone",
+  "lastSync": "Last sync",
+  "syncNow": "Sync now",
+  "syncing": "Syncing...",
+  "syncSuccess": "Sync successful",
+  "syncFailed": "Sync failed",
+  "domainManagement": "Domain Management",
+  "add": "Add",
+  "noDomainConfig": "No Domain configuration",
+  "addFirstDomainConfig": "Add first Domain",
+  "noDomainSelected": "No Domain selected",
+  "edit": "Edit",
+  "testConnection": "Test Connection",
+  "connected": "Connected",
+  "connectionFailed": "Connection Failed",
+  "notTested": "Not Tested",
+  "confirmDelete": "Confirm Delete",
+  "confirmDeleteDesc": "Are you sure you want to delete this Domain configuration?",
+  "name": "Name",
+  "nameOptional": "Optional, will use domain if empty",
+  "kintoneDomain": "Kintone Domain",
+  "enterDomain": "Please enter domain",
+  "validDomainRequired": "Please enter a valid domain",
+  "enterUsername": "Please enter username",
+  "usernameLoginHint": "Username for Kintone login",
+  "enterPassword": "Please enter password",
+  "keepPasswordHint": "Leave empty to keep current password",
+  "create": "Create",
+  "update": "Update",
+  "domainCreated": "Domain created successfully",
+  "domainUpdated": "Domain updated successfully",
+  "createFailed": "Creation failed",
+  "updateFailed": "Update failed"
+}

src/renderer/src/locales/en-US/errors.json

@@ -0,0 +1,23 @@
+{
+  "networkError": "Network error",
+  "invalidDomain": "Invalid domain",
+  "connectionFailed": "Connection failed",
+  "saveFailed": "Save failed",
+  "loadFailed": "Load failed",
+  "unknownError": "Unknown error",
+  "timeout": "Request timeout",
+  "unauthorized": "Unauthorized",
+  "forbidden": "Forbidden",
+  "notFound": "Resource not found",
+  "serverError": "Server error",
+  "invalidInput": "Invalid input",
+  "requiredField": "This field is required",
+  "invalidFormat": "Invalid format",
+  "duplicateEntry": "Duplicate entry",
+  "operationCancelled": "Operation cancelled",
+  "permissionDenied": "Permission denied",
+  "fileTooLarge": "File too large",
+  "unsupportedFormat": "Unsupported file format",
+  "storageFull": "Storage full",
+  "domainAlreadyExists": "This domain already exists"
+}

src/renderer/src/locales/en-US/file.json

@@ -0,0 +1,15 @@
+{
+  "loading": "Loading...",
+  "loadFailed": "Load failed",
+  "fileEmpty": "File content is empty",
+  "copiedToClipboard": "Copied to clipboard",
+  "downloadSuccess": "Download successful",
+  "clickOrDragToUpload": "Click or drag files to this area to upload",
+  "supportFiles": "Supports .js and .css files, max {{size}}MB per file",
+  "selectedFiles": "{{count}} files selected",
+  "confirmClear": "Confirm Clear",
+  "confirmClearDesc": "Are you sure you want to clear all files?",
+  "clearAll": "Clear All",
+  "onlyJsCss": "Only .js and .css files are supported",
+  "fileSizeLimit": "File size cannot exceed {{size}}MB"
+}

src/renderer/src/locales/en-US/settings.json

@@ -0,0 +1,26 @@
+{
+  "title": "Settings",
+  "language": "Language",
+  "selectLanguage": "Select Language",
+  "general": "General",
+  "appearance": "Appearance",
+  "theme": "Theme",
+  "lightTheme": "Light",
+  "darkTheme": "Dark",
+  "systemTheme": "System",
+  "fontSize": "Font Size",
+  "small": "Small",
+  "medium": "Medium",
+  "large": "Large",
+  "autoSave": "Auto Save",
+  "autoSaveEnabled": "Auto save enabled",
+  "autoSaveDisabled": "Auto save disabled",
+  "cache": "Cache",
+  "clearCache": "Clear Cache",
+  "cacheCleared": "Cache cleared",
+  "about": "About",
+  "version": "Version",
+  "checkUpdate": "Check for Updates",
+  "noUpdates": "You're up to date",
+  "updateAvailable": "Update available"
+}

src/renderer/src/locales/en-US/version.json

@@ -0,0 +1,13 @@
+{
+  "title": "Version History",
+  "totalVersions": "{{count}} versions",
+  "noVersions": "No version history",
+  "viewCode": "View Code",
+  "confirmRollback": "Confirm Rollback",
+  "confirmRollbackDesc": "Are you sure you want to rollback to this version?",
+  "confirmDelete": "Confirm Delete",
+  "confirmDeleteDesc": "Are you sure you want to delete this version?",
+  "sourceUpload": "Upload",
+  "sourceDownload": "Download",
+  "sourceRollback": "Rollback"
+}

src/renderer/src/locales/ja-JP/app.json

@@ -0,0 +1,38 @@
+{
+  "selectApp": "アプリを選択してください",
+  "appNotFound": "アプリ情報が見つかりません",
+  "noConfig": "設定なし",
+  "fileUpload": "ファイルアップロード",
+  "view": "表示",
+  "downloadAll": "すべてダウンロード",
+  "basicInfo": "基本情報",
+  "appId": "アプリID",
+  "appCode": "アプリコード",
+  "createdAt": "作成日時",
+  "creator": "作成者",
+  "modifiedAt": "更新日時",
+  "modifier": "更新者",
+  "spaceId": "スペースID",
+  "pcJs": "PC JS",
+  "pcCss": "PC CSS",
+  "mobileJs": "モバイル JS",
+  "mobileCss": "モバイル CSS",
+  "codeView": "コード表示",
+  "selectFileToView": "表示するファイルをリストから選択してください",
+  "searchApp": "アプリを検索...",
+  "sortByAppId": "アプリID",
+  "sortByName": "名前",
+  "ascending": "昇順",
+  "descending": "降順",
+  "reload": "再読み込み",
+  "loadApps": "アプリ読み込み",
+  "loadingApps": "アプリを読み込み中...",
+  "noApps": "アプリデータなし",
+  "noMatchingApps": "一致するアプリなし",
+  "lastLoaded": "最終読み込み",
+  "totalApps": "合計 {{count}} アプリ",
+  "unpin": "ピン留め解除",
+  "pinApp": "アプリをピン留め",
+  "selectDomainFirst": "最初にドメインを選択してください",
+  "loadAppsFailed": "アプリの読み込みに失敗しました"
+}

src/renderer/src/locales/ja-JP/common.json

@@ -0,0 +1,36 @@
+{
+  "appName": "Kintone Manager",
+  "save": "保存",
+  "cancel": "キャンセル",
+  "delete": "削除",
+  "edit": "編集",
+  "confirm": "確認",
+  "collapseSidebar": "サイドバーを折りたたむ",
+  "expandSidebar": "サイドバーを展開",
+  "add": "追加",
+  "close": "閉じる",
+  "search": "検索",
+  "loading": "読み込み中...",
+  "success": "成功",
+  "failed": "失敗",
+  "warning": "警告",
+  "info": "情報",
+  "yes": "はい",
+  "no": "いいえ",
+  "ok": "OK",
+  "back": "戻る",
+  "next": "次へ",
+  "previous": "前へ",
+  "submit": "送信",
+  "reset": "リセット",
+  "refresh": "更新",
+  "upload": "アップロード",
+  "download": "ダウンロード",
+  "copy": "コピー",
+  "paste": "貼り付け",
+  "cut": "切り取り",
+  "selectAll": "すべて選択",
+  "deployFiles": "ファイルをデプロイ",
+  "versionHistory": "バージョン履歴",
+  "settings": "設定"
+}

src/renderer/src/locales/ja-JP/deploy.json

@@ -0,0 +1,33 @@
+{
+  "title": "ファイルをデプロイ",
+  "selectFiles": "デプロイするファイルを選択",
+  "selectFilesDesc": "デプロイするJavaScriptまたはCSSファイルをドラッグ＆ドロップまたは選択してください",
+  "configurePosition": "デプロイ位置を設定",
+  "configurePositionDesc": "各ファイルのデプロイ位置を選択してください",
+  "confirmDeployment": "デプロイ確認",
+  "confirmDeploymentDesc": "以下のデプロイ情報を確認してください",
+  "targetDomain": "ターゲットドメイン",
+  "targetApp": "ターゲットアプリ",
+  "deployFiles": "デプロイファイル：",
+  "fileName": "ファイル名",
+  "type": "タイプ",
+  "position": "位置",
+  "deploying": "Kintoneにデプロイ中...",
+  "deploySuccess": "デプロイ成功",
+  "deploySuccessDesc": "ファイルがKintoneに正常にデプロイされました",
+  "deployFailed": "デプロイ失敗",
+  "deployFailedDesc": "デプロイ中にエラーが発生しました",
+  "done": "完了",
+  "retry": "再試行",
+  "confirmDeploy": "デプロイ確認",
+  "selectFile": "ファイル選択",
+  "configurePos": "位置設定",
+  "pcHeader": "PC - ヘッダー",
+  "pcBody": "PC - ボディ",
+  "pcFooter": "PC - フッター",
+  "mobileHeader": "モバイル - ヘッダー",
+  "mobileBody": "モバイル - ボディ",
+  "mobileFooter": "モバイル - フッター",
+  "pc": "PC",
+  "mobile": "モバイル"
+}

src/renderer/src/locales/ja-JP/domain.json

@@ -0,0 +1,60 @@
+{
+  "title": "ドメイン管理",
+  "addDomain": "ドメインを追加",
+  "editDomain": "ドメインを編集",
+  "deleteDomain": "ドメインを削除",
+  "domainName": "ドメイン名",
+  "domainUrl": "ドメインURL",
+  "domainList": "ドメイン一覧",
+  "noDomains": "ドメインがありません",
+  "addFirstDomain": "最初のドメインを追加してください",
+  "domainPlaceholder": "例：example.kintone.com",
+  "namePlaceholder": "例：マイKintone",
+  "verifyConnection": "接続を確認",
+  "connectionSuccess": "接続成功",
+  "connectionVerified": "確認済み",
+  "notVerified": "未確認",
+  "apiToken": "APIトークン",
+  "apiTokenPlaceholder": "APIトークンを入力",
+  "authType": "認証方式",
+  "password": "パスワード",
+  "apiTokenAuth": "APIトークン",
+  "username": "ユーザー名",
+  "usernamePlaceholder": "ユーザー名を入力",
+  "passwordPlaceholder": "パスワードを入力",
+  "basicAuth": "Basic認証",
+  "deleteConfirm": "このドメインを削除しますか？",
+  "deleteWarning": "この操作は取り消せません",
+  "lastSync": "最終同期",
+  "syncNow": "今すぐ同期",
+  "syncing": "同期中...",
+  "syncSuccess": "同期成功",
+  "syncFailed": "同期失敗",
+  "domainManagement": "ドメイン管理",
+  "add": "追加",
+  "noDomainConfig": "ドメイン設定がありません",
+  "addFirstDomainConfig": "最初のドメインを追加",
+  "noDomainSelected": "ドメイン未選択",
+  "edit": "編集",
+  "testConnection": "接続テスト",
+  "connected": "接続済み",
+  "connectionFailed": "接続失敗",
+  "notTested": "未テスト",
+  "confirmDelete": "削除確認",
+  "confirmDeleteDesc": "このドメイン設定を削除しますか？",
+  "name": "名前",
+  "nameOptional": "オプション、空欄の場合はドメインを使用",
+  "kintoneDomain": "Kintoneドメイン",
+  "enterDomain": "ドメインを入力してください",
+  "validDomainRequired": "有効なドメインを入力してください",
+  "enterUsername": "ユーザー名を入力してください",
+  "usernameLoginHint": "Kintoneログインユーザー名",
+  "enterPassword": "パスワードを入力してください",
+  "keepPasswordHint": "空欄で現在のパスワードを維持",
+  "create": "作成",
+  "update": "更新",
+  "domainCreated": "ドメインを作成しました",
+  "domainUpdated": "ドメインを更新しました",
+  "createFailed": "作成に失敗しました",
+  "updateFailed": "更新に失敗しました"
+}

src/renderer/src/locales/ja-JP/errors.json

@@ -0,0 +1,23 @@
+{
+  "networkError": "ネットワークエラー",
+  "invalidDomain": "無効なドメイン",
+  "connectionFailed": "接続に失敗しました",
+  "saveFailed": "保存に失敗しました",
+  "loadFailed": "読み込みに失敗しました",
+  "unknownError": "不明なエラー",
+  "timeout": "リクエストがタイムアウトしました",
+  "unauthorized": "認証されていません",
+  "forbidden": "アクセスが禁止されています",
+  "notFound": "リソースが見つかりません",
+  "serverError": "サーバーエラー",
+  "invalidInput": "入力が無効です",
+  "requiredField": "この項目は必須です",
+  "invalidFormat": "形式が無効です",
+  "duplicateEntry": "同じレコードが既に存在します",
+  "operationCancelled": "操作がキャンセルされました",
+  "permissionDenied": "権限がありません",
+  "fileTooLarge": "ファイルが大きすぎます",
+  "unsupportedFormat": "サポートされていないファイル形式です",
+  "storageFull": "ストレージ容量不足",
+  "domainAlreadyExists": "このドメインは既に存在します"
+}

src/renderer/src/locales/ja-JP/file.json

@@ -0,0 +1,15 @@
+{
+  "loading": "読み込み中...",
+  "loadFailed": "読み込み失敗",
+  "fileEmpty": "ファイルの内容が空です",
+  "copiedToClipboard": "クリップボードにコピーしました",
+  "downloadSuccess": "ダウンロード成功",
+  "clickOrDragToUpload": "クリックまたはドラッグしてファイルをアップロード",
+  "supportFiles": ".jsと.cssファイルに対応、最大{{size}}MB",
+  "selectedFiles": "{{count}}個のファイルを選択",
+  "confirmClear": "クリア確認",
+  "confirmClearDesc": "すべてのファイルをクリアしますか？",
+  "clearAll": "すべてクリア",
+  "onlyJsCss": ".jsと.cssファイルのみ対応しています",
+  "fileSizeLimit": "ファイルサイズは{{size}}MBを超えられません"
+}

src/renderer/src/locales/ja-JP/settings.json

@@ -0,0 +1,26 @@
+{
+  "title": "設定",
+  "language": "言語",
+  "selectLanguage": "言語を選択",
+  "general": "一般設定",
+  "appearance": "外観",
+  "theme": "テーマ",
+  "lightTheme": "ライト",
+  "darkTheme": "ダーク",
+  "systemTheme": "システムに従う",
+  "fontSize": "フォントサイズ",
+  "small": "小",
+  "medium": "中",
+  "large": "大",
+  "autoSave": "自動保存",
+  "autoSaveEnabled": "自動保存が有効です",
+  "autoSaveDisabled": "自動保存が無効です",
+  "cache": "キャッシュ",
+  "clearCache": "キャッシュをクリア",
+  "cacheCleared": "キャッシュをクリアしました",
+  "about": "アプリについて",
+  "version": "バージョン",
+  "checkUpdate": "更新を確認",
+  "noUpdates": "最新バージョンです",
+  "updateAvailable": "新しいバージョンが利用可能です"
+}

src/renderer/src/locales/ja-JP/version.json

@@ -0,0 +1,13 @@
+{
+  "title": "バージョン履歴",
+  "totalVersions": "{{count}}バージョン",
+  "noVersions": "バージョン履歴なし",
+  "viewCode": "コードを表示",
+  "confirmRollback": "ロールバック確認",
+  "confirmRollbackDesc": "このバージョンにロールバックしますか？",
+  "confirmDelete": "削除確認",
+  "confirmDeleteDesc": "このバージョンを削除しますか？",
+  "sourceUpload": "アップロード",
+  "sourceDownload": "ダウンロード",
+  "sourceRollback": "ロールバック"
+}

src/renderer/src/locales/zh-CN/app.json

@@ -0,0 +1,38 @@
+{
+  "selectApp": "请选择一个应用",
+  "appNotFound": "未找到应用信息",
+  "noConfig": "暂无配置",
+  "fileUpload": "文件上传",
+  "view": "查看",
+  "downloadAll": "下载全部",
+  "basicInfo": "基本信息",
+  "appId": "应用ID",
+  "appCode": "应用代码",
+  "createdAt": "创建时间",
+  "creator": "创建者",
+  "modifiedAt": "更新时间",
+  "modifier": "更新者",
+  "spaceId": "所属 Space ID",
+  "pcJs": "PC端 JS",
+  "pcCss": "PC端 CSS",
+  "mobileJs": "移动端 JS",
+  "mobileCss": "移动端 CSS",
+  "codeView": "代码查看",
+  "selectFileToView": "请从文件列表中选择要查看的文件",
+  "searchApp": "搜索应用...",
+  "sortByAppId": "应用ID",
+  "sortByName": "名称",
+  "ascending": "升序",
+  "descending": "降序",
+  "reload": "重新加载",
+  "loadApps": "加载应用",
+  "loadingApps": "正在加载应用...",
+  "noApps": "暂无应用数据",
+  "noMatchingApps": "没有匹配的应用",
+  "lastLoaded": "上次加载",
+  "totalApps": "共 {{count}} 个应用",
+  "unpin": "取消置顶",
+  "pinApp": "置顶应用",
+  "selectDomainFirst": "请先选择一个 Domain",
+  "loadAppsFailed": "加载应用失败"
+}

src/renderer/src/locales/zh-CN/common.json

@@ -0,0 +1,36 @@
+{
+  "appName": "Kintone Manager",
+  "save": "保存",
+  "cancel": "取消",
+  "delete": "删除",
+  "edit": "编辑",
+  "confirm": "确认",
+  "collapseSidebar": "收起侧边栏",
+  "expandSidebar": "展开侧边栏",
+  "add": "添加",
+  "close": "关闭",
+  "search": "搜索",
+  "loading": "加载中...",
+  "success": "成功",
+  "failed": "失败",
+  "warning": "警告",
+  "info": "提示",
+  "yes": "是",
+  "no": "否",
+  "ok": "确定",
+  "back": "返回",
+  "next": "下一步",
+  "previous": "上一步",
+  "submit": "提交",
+  "reset": "重置",
+  "refresh": "刷新",
+  "upload": "上传",
+  "download": "下载",
+  "copy": "复制",
+  "paste": "粘贴",
+  "cut": "剪切",
+  "selectAll": "全选",
+  "deployFiles": "部署文件",
+  "versionHistory": "版本历史",
+  "settings": "设置"
+}

src/renderer/src/locales/zh-CN/deploy.json

@@ -0,0 +1,33 @@
+{
+  "title": "部署文件",
+  "selectFiles": "选择要部署的文件",
+  "selectFilesDesc": "请拖拽或选择要部署的 JavaScript 或 CSS 文件",
+  "configurePosition": "配置部署位置",
+  "configurePositionDesc": "为每个文件选择部署位置",
+  "confirmDeployment": "确认部署",
+  "confirmDeploymentDesc": "请确认以下部署信息",
+  "targetDomain": "目标Domain",
+  "targetApp": "目标应用",
+  "deployFiles": "部署文件：",
+  "fileName": "文件名",
+  "type": "类型",
+  "position": "部署位置",
+  "deploying": "正在部署到 Kintone...",
+  "deploySuccess": "部署成功",
+  "deploySuccessDesc": "文件已成功部署到 Kintone",
+  "deployFailed": "部署失败",
+  "deployFailedDesc": "部署过程中发生错误",
+  "done": "完成",
+  "retry": "重试",
+  "confirmDeploy": "确认部署",
+  "selectFile": "选择文件",
+  "configurePos": "配置位置",
+  "pcHeader": "PC端 - Header",
+  "pcBody": "PC端 - Body",
+  "pcFooter": "PC端 - Footer",
+  "mobileHeader": "移动端 - Header",
+  "mobileBody": "移动端 - Body",
+  "mobileFooter": "移动端 - Footer",
+  "pc": "PC端",
+  "mobile": "移动端"
+}

src/renderer/src/locales/zh-CN/domain.json

@@ -0,0 +1,60 @@
+{
+  "title": "域名管理",
+  "addDomain": "添加域名",
+  "editDomain": "编辑域名",
+  "deleteDomain": "删除域名",
+  "domainName": "域名名称",
+  "domainUrl": "域名地址",
+  "domainList": "域名列表",
+  "noDomains": "暂无域名",
+  "addFirstDomain": "添加您的第一个域名",
+  "domainPlaceholder": "例如：example.kintone.com",
+  "namePlaceholder": "例如：我的Kintone",
+  "verifyConnection": "验证连接",
+  "connectionSuccess": "连接成功",
+  "connectionVerified": "已验证",
+  "notVerified": "未验证",
+  "apiToken": "API令牌",
+  "apiTokenPlaceholder": "输入API令牌",
+  "authType": "认证方式",
+  "password": "密码",
+  "apiTokenAuth": "API令牌",
+  "username": "用户名",
+  "usernamePlaceholder": "输入用户名",
+  "passwordPlaceholder": "输入密码",
+  "basicAuth": "Basic认证",
+  "deleteConfirm": "确定要删除这个域名吗？",
+  "deleteWarning": "此操作不可撤销",
+  "lastSync": "最后同步",
+  "syncNow": "立即同步",
+  "syncing": "同步中...",
+  "syncSuccess": "同步成功",
+  "syncFailed": "同步失败",
+  "domainManagement": "Domain 管理",
+  "add": "添加",
+  "noDomainConfig": "暂无 Domain 配置",
+  "addFirstDomainConfig": "添加第一个 Domain",
+  "noDomainSelected": "未选择 Domain",
+  "edit": "编辑",
+  "testConnection": "测试连接",
+  "connected": "已连接",
+  "connectionFailed": "连接失败",
+  "notTested": "未检测",
+  "confirmDelete": "确认删除",
+  "confirmDeleteDesc": "确定要删除此 Domain 配置吗？",
+  "name": "名称",
+  "nameOptional": "可选，留空则使用域名",
+  "kintoneDomain": "Kintone 域名",
+  "enterDomain": "请输入域名",
+  "validDomainRequired": "请输入有效的域名",
+  "enterUsername": "请输入用户名",
+  "usernameLoginHint": "登录 Kintone 的用户名",
+  "enterPassword": "请输入密码",
+  "keepPasswordHint": "留空则保持原密码",
+  "create": "创建",
+  "update": "更新",
+  "domainCreated": "Domain 创建成功",
+  "domainUpdated": "Domain 更新成功",
+  "createFailed": "创建失败",
+  "updateFailed": "更新失败"
+}

src/renderer/src/locales/zh-CN/errors.json

@@ -0,0 +1,23 @@
+{
+  "networkError": "网络错误",
+  "invalidDomain": "无效的域名",
+  "connectionFailed": "连接失败",
+  "saveFailed": "保存失败",
+  "loadFailed": "加载失败",
+  "unknownError": "未知错误",
+  "timeout": "请求超时",
+  "unauthorized": "未授权",
+  "forbidden": "禁止访问",
+  "notFound": "资源不存在",
+  "serverError": "服务器错误",
+  "invalidInput": "输入无效",
+  "requiredField": "此字段为必填",
+  "invalidFormat": "格式无效",
+  "duplicateEntry": "已存在相同记录",
+  "operationCancelled": "操作已取消",
+  "permissionDenied": "权限不足",
+  "fileTooLarge": "文件过大",
+  "unsupportedFormat": "不支持的文件格式",
+  "storageFull": "存储空间不足",
+  "domainAlreadyExists": "该 Domain 已存在"
+}

src/renderer/src/locales/zh-CN/file.json

@@ -0,0 +1,15 @@
+{
+  "loading": "加载中...",
+  "loadFailed": "加载失败",
+  "fileEmpty": "文件内容为空",
+  "copiedToClipboard": "已复制到剪贴板",
+  "downloadSuccess": "下载成功",
+  "clickOrDragToUpload": "点击或拖拽文件到此区域上传",
+  "supportFiles": "支持 .js 和 .css 文件，单个文件最大 {{size}}MB",
+  "selectedFiles": "已选择 {{count}} 个文件",
+  "confirmClear": "确认清空",
+  "confirmClearDesc": "确定要清空所有文件吗？",
+  "clearAll": "清空全部",
+  "onlyJsCss": "只支持 .js 和 .css 文件",
+  "fileSizeLimit": "文件大小不能超过 {{size}}MB"
+}

src/renderer/src/locales/zh-CN/settings.json

@@ -0,0 +1,26 @@
+{
+  "title": "设置",
+  "language": "语言",
+  "selectLanguage": "选择语言",
+  "general": "通用设置",
+  "appearance": "外观",
+  "theme": "主题",
+  "lightTheme": "浅色",
+  "darkTheme": "深色",
+  "systemTheme": "跟随系统",
+  "fontSize": "字体大小",
+  "small": "小",
+  "medium": "中",
+  "large": "大",
+  "autoSave": "自动保存",
+  "autoSaveEnabled": "自动保存已启用",
+  "autoSaveDisabled": "自动保存已禁用",
+  "cache": "缓存",
+  "clearCache": "清除缓存",
+  "cacheCleared": "缓存已清除",
+  "about": "关于",
+  "version": "版本",
+  "checkUpdate": "检查更新",
+  "noUpdates": "已是最新版本",
+  "updateAvailable": "有新版本可用"
+}

src/renderer/src/locales/zh-CN/version.json

@@ -0,0 +1,13 @@
+{
+  "title": "版本历史",
+  "totalVersions": "{{count}} 个版本",
+  "noVersions": "暂无版本历史",
+  "viewCode": "查看代码",
+  "confirmRollback": "确认回滚",
+  "confirmRollbackDesc": "确定要回滚到此版本吗？",
+  "confirmDelete": "确认删除",
+  "confirmDeleteDesc": "确定要删除此版本吗？",
+  "sourceUpload": "上传",
+  "sourceDownload": "下载",
+  "sourceRollback": "回滚"
+}

src/renderer/src/main.tsx

@@ -1,27 +1,29 @@
-import React from 'react'
+import React from "react";
-import ReactDOM from 'react-dom/client'
+import ReactDOM from "react-dom/client";
-import { ConfigProvider, App as AntdApp } from 'antd'
+import { ConfigProvider, App as AntdApp } from "antd";
-import zhCN from 'antd/locale/zh_CN'
+import { ThemeProvider } from "@lobehub/ui";
-import { ThemeProvider } from '@lobehub/ui'
+import { I18nextProvider } from "react-i18next";
-import App from './App'
+import i18n from "./i18n";
-import './index.css'
+import App from "./App";
+import "./index.css";
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
+ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <ConfigProvider
-      locale={zhCN}
       theme={{
         token: {
-          colorPrimary: '#1677ff',
+          colorPrimary: "#1677ff",
           borderRadius: 6,
         },
       }}
     >
+      <I18nextProvider i18n={i18n}>
         <ThemeProvider>
           <AntdApp>
             <App />
           </AntdApp>
         </ThemeProvider>
+      </I18nextProvider>
     </ConfigProvider>
   </React.StrictMode>,
-)
+);

src/renderer/src/stores/domainStore.ts

@@ -7,10 +7,7 @@ import { create } from "zustand";
 import { persist } from "zustand/middleware";
 import type { Domain, DomainWithStatus } from "@shared/types/domain";
 import type { ConnectionStatus } from "@shared/types/domain";
-import type {
+import type { CreateDomainParams, UpdateDomainParams } from "@shared/types/ipc";
-  CreateDomainParams,
-  UpdateDomainParams,
-} from "@shared/types/ipc";
 
 interface DomainState {
   // State
@@ -28,7 +25,6 @@ interface DomainState {
   removeDomain: (id: string) => void;
   reorderDomains: (fromIndex: number, toIndex: number) => void;
   setCurrentDomain: (domain: Domain | null) => void;
-  setCurrentDomain: (domain: Domain | null) => void;
   setConnectionStatus: (
     id: string,
     status: ConnectionStatus,
@@ -128,10 +124,10 @@ export const useDomainStore = create<DomainState>()(
       createDomain: async (params: CreateDomainParams) => {
         // Check for duplicate domain
         const existingDomain = get().domains.find(
-          (d) => d.domain === params.domain && d.username === params.username
+          (d) => d.domain === params.domain && d.username === params.username,
         );
         if (existingDomain) {
-          set({ error: "该 Domain 已存在", loading: false });
+          set({ error: "domainAlreadyExists", loading: false });
           return false;
         }
 

src/renderer/src/stores/localeStore.ts

@@ -0,0 +1,34 @@
+/**
+ * Locale Store
+ * Manages locale/language preference state with localStorage persistence
+ */
+
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+import { DEFAULT_LOCALE, type LocaleCode } from "@shared/types/locale";
+
+interface LocaleState {
+  // State
+  locale: LocaleCode;
+
+  // Actions
+  setLocale: (locale: LocaleCode) => void;
+}
+
+export const useLocaleStore = create<LocaleState>()(
+  persist(
+    (set) => ({
+      // Initial state
+      locale: DEFAULT_LOCALE,
+
+      // Actions
+      setLocale: (locale) => set({ locale }),
+    }),
+    {
+      name: "locale-storage",
+      partialize: (state) => ({
+        locale: state.locale,
+      }),
+    },
+  ),
+);

src/shared/types/ipc.ts

@@ -110,6 +110,11 @@ export interface RollbackParams {
   appId: string;
   versionId: string;
 }
+// ==================== Locale IPC Types ====================
+
+export interface SetLocaleParams {
+  locale: import("./locale").LocaleCode;
+}
 
 // ==================== IPC API Interface ====================
 

src/shared/types/locale.ts

@@ -0,0 +1,47 @@
+/**
+ * Locale type definitions
+ * Supported locales: zh-CN, ja-JP, en-US
+ */
+
+/**
+ * Supported locale codes
+ */
+export type LocaleCode = "zh-CN" | "ja-JP" | "en-US";
+
+/**
+ * Locale configuration
+ */
+export interface LocaleConfig {
+  /** Locale identifier */
+  code: LocaleCode;
+  /** Display name in English (e.g., "Chinese Simplified") */
+  name: string;
+  /** Native display name (e.g., "简体中文") */
+  nativeName: string;
+}
+
+/**
+ * Default locale code
+ */
+export const DEFAULT_LOCALE: LocaleCode = "zh-CN";
+
+/**
+ * Available locale configurations
+ */
+export const LOCALES: LocaleConfig[] = [
+  {
+    code: "zh-CN",
+    name: "Chinese Simplified",
+    nativeName: "简体中文",
+  },
+  {
+    code: "ja-JP",
+    name: "Japanese",
+    nativeName: "日本語",
+  },
+  {
+    code: "en-US",
+    name: "English",
+    nativeName: "English",
+  },
+];