diff --git a/src/App.tsx b/src/App.tsx
index 79e6006..0d593e4 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -313,7 +313,7 @@ const App: React.FC = () => {
             {isOffline && (
                 <div className="bg-amber-500/10 text-amber-600 dark:text-amber-500 text-sm font-medium py-1.5 px-4 flex items-center justify-center gap-2 border-b border-amber-500/20">
                     <WifiOff size={16} />
-                    <span>{t('offlineWarning') || 'You are currently offline. Local features are still available, but AI generation is disabled.'}</span>
+                    <span>{t('offlineWarning')}</span>
                 </div>
             )}
 
diff --git a/src/components/AppLayout.tsx b/src/components/AppLayout.tsx
index 6eecfd7..0c391e0 100644
--- a/src/components/AppLayout.tsx
+++ b/src/components/AppLayout.tsx
@@ -126,7 +126,7 @@ export const Sidebar = ({
 
                     <div className="flex gap-2">
                         <button onClick={handlers.onOpenSettings} className="flex-1 flex items-center justify-center gap-2 py-2.5 rounded-xl border border-zinc-200 dark:border-zinc-800 hover:bg-white dark:hover:bg-zinc-800 text-xs font-bold transition-colors shadow-sm"><Settings className="w-3.5 h-3.5" />{t('settings')}</button>
-                        <div className="px-3 py-2 rounded-xl bg-emerald-50 dark:bg-emerald-500/10 border border-emerald-100 dark:border-emerald-500/20 flex items-center justify-center" title="Saved">
+                        <div className="px-3 py-2 rounded-xl bg-emerald-50 dark:bg-emerald-500/10 border border-emerald-100 dark:border-emerald-500/20 flex items-center justify-center" title={t('saved')}>
                             <CheckCircle className="w-4 h-4 text-emerald-500" />
                         </div>
                     </div>
@@ -187,14 +187,14 @@ export const Inspector = ({
                             ) : (
                                 <span
                                     className="truncate max-w-[200px] text-zinc-800 dark:text-zinc-200 cursor-pointer hover:text-indigo-600"
-                                    title="Click to rename"
+                                    title={t('clickToRename')}
                                     onClick={() => setIsRenaming(true)}
                                 >
                                     {activeImage.file.name}
                                 </span>
                             )}
                             <div className="flex gap-1 shrink-0">
-                                <span className="text-[10px] px-2 py-0.5 rounded-full bg-zinc-100 dark:bg-zinc-800 text-zinc-500 border border-zinc-200 dark:border-zinc-700 truncate max-w-[80px]">{inspectorProjectName || 'Unknown'}</span>
+                                <span className="text-[10px] px-2 py-0.5 rounded-full bg-zinc-100 dark:bg-zinc-800 text-zinc-500 border border-zinc-200 dark:border-zinc-700 truncate max-w-[80px]">{inspectorProjectName || t('noCaption')}</span>
                             </div>
                         </div>
                         <div className="flex gap-2 text-[10px] text-zinc-400 font-mono">
@@ -225,11 +225,11 @@ export const Inspector = ({
                                 className="w-full h-48 p-3 rounded-lg border border-zinc-200 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-950 text-sm font-mono focus:ring-2 focus:ring-indigo-500 focus:border-transparent resize-none text-zinc-800 dark:text-zinc-200"
                                 value={activeImage.caption}
                                 onChange={(e) => onUpdateCaption(e.target.value)}
-                                placeholder="Caption..."
+                                placeholder={t('captionPlaceholder')}
                             />
                             <div className="flex justify-between">
-                                <button onClick={onDownload} className="text-xs flex items-center gap-1 text-zinc-500 hover:text-zinc-800 dark:hover:text-zinc-200 transition-colors"><Download className="w-3 h-3" /> Save .txt</button>
-                                <span className="text-[10px] text-zinc-400">{activeImage.caption.length} chars</span>
+                                <button onClick={onDownload} className="text-xs flex items-center gap-1 text-zinc-500 hover:text-zinc-800 dark:hover:text-zinc-200 transition-colors"><Download className="w-3 h-3" /> {t('saveTxt')}</button>
+                                <span className="text-[10px] text-zinc-400">{activeImage.caption.length} {t('chars')}</span>
                             </div>
                         </div>
                     </div>
@@ -292,12 +292,12 @@ export const SmartToolbar = ({
             <div className="flex items-center gap-2 shrink-0">
                 {/* View Filters */}
                 <div className="flex items-center gap-1 bg-zinc-200/50 dark:bg-zinc-950 p-1 rounded-xl border border-zinc-300/50 dark:border-zinc-800/50">
-                    <button onClick={() => setViewFilter('all')} className={`px-2.5 py-1.5 rounded-lg text-xs font-bold transition-all flex items-center gap-2 ${viewFilter === 'all' ? 'bg-white dark:bg-zinc-800 text-zinc-900 dark:text-white shadow-sm' : 'text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200'}`} title="All Items"><Layers className="w-3.5 h-3.5" /></button>
-                    <button onClick={() => setViewFilter('pending')} className={`px-2.5 py-1.5 rounded-lg text-xs font-bold transition-all flex items-center gap-2 ${viewFilter === 'pending' ? 'bg-indigo-600 text-white shadow-sm' : 'text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200'}`} title="Pending">
+                    <button onClick={() => setViewFilter('all')} className={`px-2.5 py-1.5 rounded-lg text-xs font-bold transition-all flex items-center gap-2 ${viewFilter === 'all' ? 'bg-white dark:bg-zinc-800 text-zinc-900 dark:text-white shadow-sm' : 'text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200'}`} title={t('allItems')}><Layers className="w-3.5 h-3.5" /></button>
+                    <button onClick={() => setViewFilter('pending')} className={`px-2.5 py-1.5 rounded-lg text-xs font-bold transition-all flex items-center gap-2 ${viewFilter === 'pending' ? 'bg-indigo-600 text-white shadow-sm' : 'text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200'}`} title={t('pending')}>
                         <ListFilter className="w-3.5 h-3.5" />
                         {stats.pending > 0 && <span className="hidden md:inline bg-black/10 dark:bg-black/20 px-1.5 py-0.5 rounded text-[9px] font-mono">{stats.pending}</span>}
                     </button>
-                    <button onClick={() => setViewFilter('completed')} className={`px-2.5 py-1.5 rounded-lg text-xs font-bold transition-all flex items-center gap-2 ${viewFilter === 'completed' ? 'bg-emerald-600 text-white shadow-sm' : 'text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200'}`} title="Completed">
+                    <button onClick={() => setViewFilter('completed')} className={`px-2.5 py-1.5 rounded-lg text-xs font-bold transition-all flex items-center gap-2 ${viewFilter === 'completed' ? 'bg-emerald-600 text-white shadow-sm' : 'text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200'}`} title={t('completed')}>
                         <CheckSquare className="w-3.5 h-3.5" />
                         {stats.success > 0 && <span className="hidden md:inline bg-black/10 dark:bg-black/20 px-1.5 py-0.5 rounded text-[9px] font-mono">{stats.success}</span>}
                     </button>
@@ -307,8 +307,8 @@ export const SmartToolbar = ({
 
                 {/* View Mode Toggle */}
                 <div className="flex items-center gap-1 bg-zinc-200/50 dark:bg-zinc-950 p-1 rounded-xl border border-zinc-300/50 dark:border-zinc-800/50">
-                    <button onClick={() => setViewMode('grid')} className={`p-1.5 rounded-lg transition-all ${viewMode === 'grid' ? 'bg-white dark:bg-zinc-800 text-indigo-600 dark:text-indigo-400 shadow-sm' : 'text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-200'}`} title="Grid View"><Grid3X3 className="w-4 h-4" /></button>
-                    <button onClick={() => setViewMode('list')} className={`p-1.5 rounded-lg transition-all ${viewMode === 'list' ? 'bg-white dark:bg-zinc-800 text-indigo-600 dark:text-indigo-400 shadow-sm' : 'text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-200'}`} title="List View"><List className="w-4 h-4" /></button>
+                    <button onClick={() => setViewMode('grid')} className={`p-1.5 rounded-lg transition-all ${viewMode === 'grid' ? 'bg-white dark:bg-zinc-800 text-indigo-600 dark:text-indigo-400 shadow-sm' : 'text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-200'}`} title={t('gridView')}><Grid3X3 className="w-4 h-4" /></button>
+                    <button onClick={() => setViewMode('list')} className={`p-1.5 rounded-lg transition-all ${viewMode === 'list' ? 'bg-white dark:bg-zinc-800 text-indigo-600 dark:text-indigo-400 shadow-sm' : 'text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-200'}`} title={t('listView')}><List className="w-4 h-4" /></button>
 
                     {/* Grid Columns Slider */}
                     {viewMode === 'grid' && (
@@ -376,7 +376,7 @@ export const SmartToolbar = ({
                     <Filter className="w-4 h-4" />
                     <span className="hidden lg:inline">{t('batchEdit')}</span>
                 </button>
-                <button onClick={handlers.onOpenClean} className="flex items-center gap-2 px-2.5 py-2 bg-amber-500/10 text-amber-600 dark:text-amber-400 hover:bg-amber-500/20 border border-amber-500/20 rounded-xl text-xs font-bold whitespace-nowrap flex-shrink-0 transition-all active:scale-95" title="Clean Tags (Regex)">
+                <button onClick={handlers.onOpenClean} className="flex items-center gap-2 px-2.5 py-2 bg-amber-500/10 text-amber-600 dark:text-amber-400 hover:bg-amber-500/20 border border-amber-500/20 rounded-xl text-xs font-bold whitespace-nowrap flex-shrink-0 transition-all active:scale-95" title={t('cleanTagsRegex')}>
                     <Eraser className="w-4 h-4" />
                     <span className="hidden xl:inline">{t('cleanLabel')}</span>
                 </button>
diff --git a/src/components/AppModals.tsx b/src/components/AppModals.tsx
index e818533..91efb45 100644
--- a/src/components/AppModals.tsx
+++ b/src/components/AppModals.tsx
@@ -146,13 +146,14 @@ export const SettingsModal = ({
                             <div className="flex bg-zinc-100 dark:bg-zinc-800 p-1 rounded-xl">
                                 <button onClick={() => setLocalSettings(s => ({ ...s, language: 'en' }))} className={`flex-1 py-1.5 rounded-lg text-xs font-medium transition-all ${localSettings.language === 'en' ? 'bg-white dark:bg-zinc-600 shadow-sm text-zinc-900 dark:text-white' : 'text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-300'}`}>English</button>
                                 <button onClick={() => setLocalSettings(s => ({ ...s, language: 'zh' }))} className={`flex-1 py-1.5 rounded-lg text-xs font-medium transition-all ${localSettings.language === 'zh' ? 'bg-white dark:bg-zinc-600 shadow-sm text-zinc-900 dark:text-white' : 'text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-300'}`}>中文</button>
+                                <button onClick={() => setLocalSettings(s => ({ ...s, language: 'ja' }))} className={`flex-1 py-1.5 rounded-lg text-xs font-medium transition-all ${localSettings.language === 'ja' ? 'bg-white dark:bg-zinc-600 shadow-sm text-zinc-900 dark:text-white' : 'text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-300'}`}>日本語</button>
                             </div>
                         </div>
                         <div>
                             <label className="block text-xs font-bold text-zinc-500 uppercase mb-2">{t('theme')}</label>
                             <div className="flex bg-zinc-100 dark:bg-zinc-800 p-1 rounded-xl">
-                                <button onClick={() => handleThemeChange('light')} className={`flex-1 py-1.5 rounded-lg text-xs font-medium flex items-center justify-center gap-1.5 transition-all ${localSettings.theme === 'light' ? 'bg-white text-amber-600 shadow-sm' : 'text-zinc-500 hover:text-zinc-700'}`}><Sun className="w-3.5 h-3.5" /> Light</button>
-                                <button onClick={() => handleThemeChange('dark')} className={`flex-1 py-1.5 rounded-lg text-xs font-medium flex items-center justify-center gap-1.5 transition-all ${localSettings.theme === 'dark' ? 'bg-zinc-700 text-white shadow-sm' : 'text-zinc-500 hover:text-zinc-300'}`}><Moon className="w-3.5 h-3.5" /> Dark</button>
+                                <button onClick={() => handleThemeChange('light')} className={`flex-1 py-1.5 rounded-lg text-xs font-medium flex items-center justify-center gap-1.5 transition-all ${localSettings.theme === 'light' ? 'bg-white text-amber-600 shadow-sm' : 'text-zinc-500 hover:text-zinc-700'}`}><Sun className="w-3.5 h-3.5" /> {t('themeLight')}</button>
+                                <button onClick={() => handleThemeChange('dark')} className={`flex-1 py-1.5 rounded-lg text-xs font-medium flex items-center justify-center gap-1.5 transition-all ${localSettings.theme === 'dark' ? 'bg-zinc-700 text-white shadow-sm' : 'text-zinc-500 hover:text-zinc-300'}`}><Moon className="w-3.5 h-3.5" /> {t('themeDark')}</button>
                             </div>
                         </div>
                     </div>
@@ -456,15 +457,15 @@ export const ExportModal = ({
                 <div className="flex justify-between items-center"><h2 className="text-xl font-bold">{t('exportAll')}</h2><button onClick={onClose}><X className="w-5 h-5" /></button></div>
 
                 <div className="space-y-3">
-                    <label className="block text-xs font-bold text-zinc-500 uppercase">Format</label>
+                    <label className="block text-xs font-bold text-zinc-500 uppercase">{t('format')}</label>
                     <div className="flex flex-col gap-2">
                         <button onClick={() => setFormat('txt')} className={`flex items-center gap-3 p-3 rounded-lg border transition-all ${format === 'txt' ? 'bg-indigo-50 border-indigo-500 text-indigo-700 dark:bg-indigo-500/20 dark:border-indigo-500/50 dark:text-indigo-300' : 'border-zinc-200 dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800'}`}>
                             <div className={`w-4 h-4 rounded-full border flex items-center justify-center ${format === 'txt' ? 'border-indigo-500' : 'border-zinc-400'}`}>
                                 {format === 'txt' && <div className="w-2 h-2 rounded-full bg-indigo-500" />}
                             </div>
                             <div className="text-left">
-                                <div className="font-bold text-sm">Text Files (.txt)</div>
-                                <div className="text-xs opacity-70">Standard caption files</div>
+                                <div className="font-bold text-sm">{t('textFilesTxt')}</div>
+                                <div className="text-xs opacity-70">{t('standardCaptionFiles')}</div>
                             </div>
                         </button>
                         <button onClick={() => setFormat('json')} className={`flex items-center gap-3 p-3 rounded-lg border transition-all ${format === 'json' ? 'bg-indigo-50 border-indigo-500 text-indigo-700 dark:bg-indigo-500/20 dark:border-indigo-500/50 dark:text-indigo-300' : 'border-zinc-200 dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800'}`}>
@@ -472,16 +473,16 @@ export const ExportModal = ({
                                 {format === 'json' && <div className="w-2 h-2 rounded-full bg-indigo-500" />}
                             </div>
                             <div className="text-left">
-                                <div className="font-bold text-sm">JSON Files (.json)</div>
-                                <div className="text-xs opacity-70">Sidecar JSON format</div>
+                                <div className="font-bold text-sm">{t('jsonFilesJson')}</div>
+                                <div className="text-xs opacity-70">{t('sidecarJsonFormat')}</div>
                             </div>
                         </button>
                     </div>
                 </div>
 
                 <div className="flex justify-end gap-2">
-                    <button onClick={onClose} className="px-4 py-2 text-sm font-medium text-zinc-500 hover:text-zinc-800 dark:hover:text-zinc-200">Cancel</button>
-                    <button onClick={() => { onExport(format); onClose(); }} className="bg-zinc-900 dark:bg-white text-white dark:text-black px-6 py-2 rounded-lg font-bold text-sm">Export</button>
+                    <button onClick={onClose} className="px-4 py-2 text-sm font-medium text-zinc-500 hover:text-zinc-800 dark:hover:text-zinc-200">{t('cancel')}</button>
+                    <button onClick={() => { onExport(format); onClose(); }} className="bg-zinc-900 dark:bg-white text-white dark:text-black px-6 py-2 rounded-lg font-bold text-sm">{t('export')}</button>
                 </div>
             </div>
         </div>
diff --git a/src/components/GlobalFallbacks.tsx b/src/components/GlobalFallbacks.tsx
index 8b6e4cf..049c4b6 100644
--- a/src/components/GlobalFallbacks.tsx
+++ b/src/components/GlobalFallbacks.tsx
@@ -1,14 +1,16 @@
 import React from 'react';
 import { AlertTriangle, RotateCcw } from 'lucide-react';
 import { FallbackProps } from 'react-error-boundary';
+import { useTranslation } from 'react-i18next';
 
 export function GlobalErrorFallback({ error, resetErrorBoundary }: FallbackProps) {
+    const { t } = useTranslation();
     return (
         <div className="flex flex-col items-center justify-center min-h-[50vh] p-8 text-center bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-red-100 dark:border-red-900/30 m-4">
             <div className="w-16 h-16 bg-red-50 dark:bg-red-900/20 text-red-500 rounded-full flex items-center justify-center mb-6">
                 <AlertTriangle size={32} />
             </div>
-            <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-2">Something went wrong</h2>
+            <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-2">{t('somethingWentWrong')}</h2>
             <p className="text-gray-500 dark:text-gray-400 max-w-md mb-6 whitespace-pre-wrap font-mono text-sm bg-gray-50 dark:bg-gray-900/50 p-4 rounded-lg border border-gray-100 dark:border-gray-800 text-left overflow-auto max-h-40">
                 {error instanceof Error ? error.message : String(error)}
             </p>
@@ -17,25 +19,26 @@ export function GlobalErrorFallback({ error, resetErrorBoundary }: FallbackProps
                 className="flex items-center gap-2 px-6 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white font-medium rounded-lg transition-colors shadow-sm"
             >
                 <RotateCcw size={18} />
-                Try Again
+                {t('tryAgain')}
             </button>
         </div>
     );
 }
 
 export function ViewErrorFallback({ resetErrorBoundary }: FallbackProps) {
+    const { t } = useTranslation();
     return (
         <div className="flex flex-col items-center justify-center h-full min-h-[300px] p-6 text-center border-2 border-dashed border-red-200 dark:border-red-900/30 rounded-xl m-4 bg-red-50/50 dark:bg-red-900/10">
             <AlertTriangle size={24} className="text-red-500 mb-3" />
-            <h3 className="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-2">View Error</h3>
+            <h3 className="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-2">{t('viewError')}</h3>
             <p className="text-sm text-gray-600 dark:text-gray-400 max-w-sm mb-4">
-                Failed to render this section. The rest of the app should still work.
+                {t('viewErrorDesc')}
             </p>
             <button
                 onClick={resetErrorBoundary}
                 className="px-4 py-2 bg-white dark:bg-gray-800 text-red-600 dark:text-red-400 border border-red-200 dark:border-red-900/50 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-lg text-sm font-medium transition-colors"
             >
-                Reload View
+                {t('reloadView')}
             </button>
         </div>
     );
diff --git a/src/components/Lightbox.tsx b/src/components/Lightbox.tsx
index 622a89f..19f31c0 100644
--- a/src/components/Lightbox.tsx
+++ b/src/components/Lightbox.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { X, ChevronLeft, ChevronRight, ZoomIn, ZoomOut } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 import { TagImage } from '../types';
 
 interface LightboxProps {
@@ -15,6 +16,7 @@ interface LightboxProps {
 export const Lightbox: React.FC<LightboxProps> = ({
     isOpen, onClose, image, onNext, onPrev, hasNext, hasPrev
 }) => {
+    const { t } = useTranslation();
     const [scale, setScale] = useState(1);
     const [position, setPosition] = useState({ x: 0, y: 0 });
     const [isDragging, setIsDragging] = useState(false);
@@ -112,7 +114,7 @@ export const Lightbox: React.FC<LightboxProps> = ({
             {/* Caption Overlay */}
             <div className="absolute bottom-0 left-0 right-0 p-6 bg-gradient-to-t from-black/80 via-black/40 to-transparent text-white">
                 <p className="max-w-4xl mx-auto text-center text-sm opacity-90 font-medium leading-relaxed">
-                    {image.caption || <span className="italic opacity-50">No caption</span>}
+                    {image.caption || <span className="italic opacity-50">{t('noCaption')}</span>}
                 </p>
             </div>
         </div>
diff --git a/src/components/workflow/ExportView.tsx b/src/components/workflow/ExportView.tsx
index b821f67..daa9044 100644
--- a/src/components/workflow/ExportView.tsx
+++ b/src/components/workflow/ExportView.tsx
@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Download, FileText, Code, CheckCircle2 } from '../Icons';
 
 interface ExportViewProps {
@@ -7,6 +8,7 @@ interface ExportViewProps {
 }
 
 export const ExportView: React.FC<ExportViewProps> = ({ onExport, totalImages }) => {
+    const { t } = useTranslation();
     const [format, setFormat] = useState<'txt' | 'json'>('txt');
     const [isExporting, setIsExporting] = useState(false);
 
@@ -23,8 +25,8 @@ export const ExportView: React.FC<ExportViewProps> = ({ onExport, totalImages })
             <div className="max-w-2xl mx-auto w-full space-y-8">
 
                 <div className="text-center space-y-2">
-                    <h2 className="text-3xl font-bold text-zinc-800 dark:text-zinc-100">Export Dataset</h2>
-                    <p className="text-zinc-500 dark:text-zinc-400">Choose your preferred format and download your training data.</p>
+                    <h2 className="text-3xl font-bold text-zinc-800 dark:text-zinc-100">{t('exportDatasetTitle')}</h2>
+                    <p className="text-zinc-500 dark:text-zinc-400">{t('exportDatasetDesc')}</p>
                 </div>
 
                 <div className="bg-white dark:bg-zinc-900 rounded-2xl border border-zinc-200 dark:border-zinc-800 shadow-xl overflow-hidden">
@@ -34,14 +36,14 @@ export const ExportView: React.FC<ExportViewProps> = ({ onExport, totalImages })
                         <div className="bg-indigo-50 dark:bg-indigo-900/20 rounded-xl p-4 flex items-center gap-4 text-indigo-800 dark:text-indigo-200 border border-indigo-100 dark:border-indigo-800/30">
                             <CheckCircle2 className="w-6 h-6 flex-shrink-0" />
                             <div>
-                                <div className="font-bold">Ready to Export</div>
-                                <div className="text-sm opacity-80">{totalImages} images and captions prepared.</div>
+                                <div className="font-bold">{t('readyToExport')}</div>
+                                <div className="text-sm opacity-80">{t('imagesPrepared', { count: totalImages })}</div>
                             </div>
                         </div>
 
                         {/* Format Selection */}
                         <div className="space-y-4">
-                            <label className="block text-sm font-bold text-zinc-500 uppercase tracking-wider">Select Format</label>
+                            <label className="block text-sm font-bold text-zinc-500 uppercase tracking-wider">{t('selectFormat')}</label>
                             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                                 <button
                                     onClick={() => setFormat('txt')}
@@ -53,8 +55,8 @@ export const ExportView: React.FC<ExportViewProps> = ({ onExport, totalImages })
                                     <div className={`w-10 h-10 rounded-lg flex items-center justify-center mb-4 ${format === 'txt' ? 'bg-indigo-500 text-white' : 'bg-zinc-100 dark:bg-zinc-800 text-zinc-500'}`}>
                                         <FileText className="w-6 h-6" />
                                     </div>
-                                    <div className="font-bold text-lg text-zinc-800 dark:text-zinc-100">Text Files</div>
-                                    <div className="text-sm text-zinc-500 dark:text-zinc-400 mt-1">Standard .txt caption files side-by-side with images.</div>
+                                    <div className="font-bold text-lg text-zinc-800 dark:text-zinc-100">{t('textFiles')}</div>
+                                    <div className="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{t('textFilesDesc')}</div>
                                     {format === 'txt' && <div className="absolute top-4 right-4 text-indigo-500"><CheckCircle2 className="w-5 h-5" /></div>}
                                 </button>
 
@@ -68,8 +70,8 @@ export const ExportView: React.FC<ExportViewProps> = ({ onExport, totalImages })
                                     <div className={`w-10 h-10 rounded-lg flex items-center justify-center mb-4 ${format === 'json' ? 'bg-indigo-500 text-white' : 'bg-zinc-100 dark:bg-zinc-800 text-zinc-500'}`}>
                                         <Code className="w-6 h-6" />
                                     </div>
-                                    <div className="font-bold text-lg text-zinc-800 dark:text-zinc-100">Kohya JSON</div>
-                                    <div className="text-sm text-zinc-500 dark:text-zinc-400 mt-1">Single metadata.json file compatible with Kohya-ss scripts.</div>
+                                    <div className="font-bold text-lg text-zinc-800 dark:text-zinc-100">{t('kohyaJson')}</div>
+                                    <div className="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{t('kohyaJsonDesc')}</div>
                                     {format === 'json' && <div className="absolute top-4 right-4 text-indigo-500"><CheckCircle2 className="w-5 h-5" /></div>}
                                 </button>
                             </div>
@@ -86,9 +88,9 @@ export const ExportView: React.FC<ExportViewProps> = ({ onExport, totalImages })
                                     }`}
                             >
                                 {isExporting ? (
-                                    <>Processing...</>
+                                    <>{t('exportProcessing')}</>
                                 ) : (
-                                    <><Download className="w-6 h-6" /> Download Dataset</>
+                                    <><Download className="w-6 h-6" /> {t('downloadDataset')}</>
                                 )}
                             </button>
                         </div>
diff --git a/src/components/workflow/PreprocessView.tsx b/src/components/workflow/PreprocessView.tsx
index 412440d..66b696b 100644
--- a/src/components/workflow/PreprocessView.tsx
+++ b/src/components/workflow/PreprocessView.tsx
@@ -1,4 +1,5 @@
 import React, { useState, useMemo, useRef, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
 import { TagImage, Project } from '../../types';
 import {
     LayoutTemplate, Scissors, Maximize2, Move
@@ -19,6 +20,7 @@ const getBucket = (width: number, height: number) => {
 };
 
 export const PreprocessView: React.FC<PreprocessViewProps> = ({ projects, onUpdateImage, onNext }) => {
+    const { t } = useTranslation();
     const [selectedBucket, setSelectedBucket] = useState<'all' | 'landscape' | 'portrait' | 'square'>('all');
     const [croppingId, setCroppingId] = useState<string | null>(null); // Image ID being cropped
     const [imageDims, setImageDims] = useState<Record<string, { w: number, h: number }>>({});
@@ -72,17 +74,20 @@ export const PreprocessView: React.FC<PreprocessViewProps> = ({ projects, onUpda
             {/* Toolbar */}
             <div className="flex gap-4 mb-6">
                 <div className="bg-white dark:bg-zinc-900 p-1 rounded-lg border border-zinc-200 dark:border-zinc-800 flex shadow-sm">
-                    {(['all', 'landscape', 'portrait', 'square'] as const).map(type => (
-                        <button
-                            key={type}
-                            onClick={() => setSelectedBucket(type)}
-                            className={`px-4 py-2 rounded-md text-sm font-medium transition-all flex items-center gap-2 ${selectedBucket === type ? 'bg-indigo-600 text-white shadow' : 'text-zinc-600 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800'}`}
-                        >
-                            <LayoutTemplate className={`w-4 h-4 ${type === 'landscape' ? 'rotate-90' : ''}`} />
-                            <span className="capitalize">{type}</span>
-                            {type !== 'all' && <span className="bg-zinc-200 dark:bg-zinc-700 px-1.5 rounded-full text-xs">{buckets[type]}</span>}
-                        </button>
-                    ))}
+                    {(['all', 'landscape', 'portrait', 'square'] as const).map(type => {
+                        const labelMap = { all: t('bucketAll'), landscape: t('landscape'), portrait: t('portrait'), square: t('square') };
+                        return (
+                            <button
+                                key={type}
+                                onClick={() => setSelectedBucket(type)}
+                                className={`px-4 py-2 rounded-md text-sm font-medium transition-all flex items-center gap-2 ${selectedBucket === type ? 'bg-indigo-600 text-white shadow' : 'text-zinc-600 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800'}`}
+                            >
+                                <LayoutTemplate className={`w-4 h-4 ${type === 'landscape' ? 'rotate-90' : ''}`} />
+                                <span>{labelMap[type]}</span>
+                                {type !== 'all' && <span className="bg-zinc-200 dark:bg-zinc-700 px-1.5 rounded-full text-xs">{buckets[type]}</span>}
+                            </button>
+                        );
+                    })}
                 </div>
 
                 <div className="flex-1" />
@@ -90,10 +95,10 @@ export const PreprocessView: React.FC<PreprocessViewProps> = ({ projects, onUpda
                 {/* Actions */}
                 <div className="flex gap-2">
                     <button className="px-4 py-2 bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg text-sm text-zinc-600 font-medium hover:text-indigo-600 flex items-center gap-2 shadow-sm">
-                        <Maximize2 className="w-4 h-4" /> Smart Resize
+                        <Maximize2 className="w-4 h-4" /> {t('smartResize')}
                     </button>
                     <button onClick={onNext} className="px-4 py-2 bg-indigo-600 hover:bg-indigo-500 text-white rounded-lg text-sm font-bold flex items-center gap-2 shadow-lg shadow-indigo-500/20 active:scale-95 transition-all">
-                        Next: Tagging <Move className="w-4 h-4" />
+                        {t('nextTagging')} <Move className="w-4 h-4" />
                     </button>
                 </div>
             </div>
@@ -109,13 +114,13 @@ export const PreprocessView: React.FC<PreprocessViewProps> = ({ projects, onUpda
 
                                 <div className="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col items-center justify-center gap-2">
                                     <div className="text-white text-xs font-mono bg-black/50 px-2 py-1 rounded">
-                                        {dims ? `${dims.w}x${dims.h}` : 'Loading...'}
+                                        {dims ? `${dims.w}x${dims.h}` : t('loading')}
                                     </div>
                                     <button
                                         onClick={() => startCropping(img.id)}
                                         className="bg-white text-zinc-900 px-3 py-1.5 rounded-full text-xs font-bold flex items-center gap-1 hover:scale-105 transition-transform"
                                     >
-                                        <Scissors className="w-3 h-3" /> Crop
+                                        <Scissors className="w-3 h-3" /> {t('cropImage')}
                                     </button>
                                 </div>
                             </div>
@@ -142,6 +147,7 @@ export const PreprocessView: React.FC<PreprocessViewProps> = ({ projects, onUpda
 
 // --- Simple Crop Editor Component (Inline) ---
 const CropEditor = ({ image, onClose, onSave }: { image?: TagImage, onClose: () => void, onSave: (f: File) => void }) => {
+    const { t } = useTranslation();
     const imgRef = useRef<HTMLImageElement>(null);
     const [crop, setCrop] = useState({ x: 0, y: 0, w: 0, h: 0 }); // Percentages? Or Pixels. Let's use Pixels relative to displayed image.
     const containerRef = useRef<HTMLDivElement>(null);
@@ -272,12 +278,12 @@ const CropEditor = ({ image, onClose, onSave }: { image?: TagImage, onClose: ()
 
             <div className="h-20 w-full max-w-2xl bg-zinc-900 rounded-t-xl border-t border-zinc-800 flex items-center justify-between px-8">
                 <div className="flex gap-2">
-                    <button onClick={() => { if (imgRef.current) setCrop({ x: 0, y: 0, w: imgRef.current.width, h: imgRef.current.height }) }} className="text-xs font-bold text-zinc-400 hover:text-white">Full</button>
+                    <button onClick={() => { if (imgRef.current) setCrop({ x: 0, y: 0, w: imgRef.current.width, h: imgRef.current.height }) }} className="text-xs font-bold text-zinc-400 hover:text-white">{t('full')}</button>
                     <button onClick={() => { if (imgRef.current) { const s = Math.min(imgRef.current.width, imgRef.current.height); setCrop({ x: 0, y: 0, w: s, h: s }) } }} className="text-xs font-bold text-zinc-400 hover:text-white">1:1</button>
                 </div>
                 <div className="flex gap-4">
-                    <button onClick={onClose} className="px-6 py-2 text-zinc-400 hover:text-white font-bold">Cancel</button>
-                    <button onClick={handleSave} className="px-8 py-2 bg-indigo-600 hover:bg-indigo-500 text-white rounded-lg font-bold shadow-lg">Save Crop</button>
+                    <button onClick={onClose} className="px-6 py-2 text-zinc-400 hover:text-white font-bold">{t('cancel')}</button>
+                    <button onClick={handleSave} className="px-8 py-2 bg-indigo-600 hover:bg-indigo-500 text-white rounded-lg font-bold shadow-lg">{t('saveCrop')}</button>
                 </div>
             </div>
         </div>
diff --git a/src/components/workflow/ReviewView.tsx b/src/components/workflow/ReviewView.tsx
index ac62845..fcff9aa 100644
--- a/src/components/workflow/ReviewView.tsx
+++ b/src/components/workflow/ReviewView.tsx
@@ -1,4 +1,5 @@
 import React, { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Project, TagImage } from '../../types';
 import { AlertCircle, CheckCircle2, FileText, ImageIcon, Tags, ArrowRight } from '../Icons';
 
@@ -8,6 +9,7 @@ interface ReviewViewProps {
 }
 
 export const ReviewView: React.FC<ReviewViewProps> = ({ projects, onNext }) => {
+    const { t } = useTranslation();
     // --- Statistics ---
     const stats = useMemo(() => {
         let totalImages = 0;
@@ -39,17 +41,17 @@ export const ReviewView: React.FC<ReviewViewProps> = ({ projects, onNext }) => {
         projects.forEach(p => {
             p.images.forEach(img => {
                 if (!img.caption) {
-                    list.push({ projectId: p.id, img, issue: 'Missing caption' });
+                    list.push({ projectId: p.id, img, issue: t('missingCaption') });
                 } else if (img.caption.length < 10) {
-                    list.push({ projectId: p.id, img, issue: 'Caption too short' });
+                    list.push({ projectId: p.id, img, issue: t('captionTooShort') });
                 }
                 if (img.status === 'error') {
-                    list.push({ projectId: p.id, img, issue: img.errorMsg || 'Processing error' });
+                    list.push({ projectId: p.id, img, issue: img.errorMsg || t('processingError') });
                 }
             });
         });
         return list;
-    }, [projects]);
+    }, [projects, t]);
 
     return (
         <div className="flex-1 flex flex-col bg-zinc-50 dark:bg-zinc-950 p-6 md:p-12 overflow-y-auto custom-scrollbar">
@@ -57,8 +59,8 @@ export const ReviewView: React.FC<ReviewViewProps> = ({ projects, onNext }) => {
 
                 {/* Header */}
                 <div className="text-center space-y-2">
-                    <h2 className="text-3xl font-bold text-zinc-800 dark:text-zinc-100">Project Review</h2>
-                    <p className="text-zinc-500 dark:text-zinc-400">Review your dataset statistics and health before exporting.</p>
+                    <h2 className="text-3xl font-bold text-zinc-800 dark:text-zinc-100">{t('projectReview')}</h2>
+                    <p className="text-zinc-500 dark:text-zinc-400">{t('reviewDesc')}</p>
                 </div>
 
                 {/* Stats Grid */}
@@ -68,7 +70,7 @@ export const ReviewView: React.FC<ReviewViewProps> = ({ projects, onNext }) => {
                             <ImageIcon className="w-6 h-6" />
                         </div>
                         <div className="text-2xl font-bold text-zinc-800 dark:text-zinc-100">{stats.totalImages}</div>
-                        <div className="text-xs font-bold text-zinc-500 uppercase tracking-wider">Total Images</div>
+                        <div className="text-xs font-bold text-zinc-500 uppercase tracking-wider">{t('totalImages')}</div>
                     </div>
 
                     <div className="bg-white dark:bg-zinc-900 p-6 rounded-2xl border border-zinc-200 dark:border-zinc-800 shadow-sm flex flex-col items-center justify-center gap-2">
@@ -76,7 +78,7 @@ export const ReviewView: React.FC<ReviewViewProps> = ({ projects, onNext }) => {
                             <CheckCircle2 className="w-6 h-6" />
                         </div>
                         <div className="text-2xl font-bold text-zinc-800 dark:text-zinc-100">{stats.totalCaptions}</div>
-                        <div className="text-xs font-bold text-zinc-500 uppercase tracking-wider">Captioned</div>
+                        <div className="text-xs font-bold text-zinc-500 uppercase tracking-wider">{t('captioned')}</div>
                     </div>
 
                     <div className="bg-white dark:bg-zinc-900 p-6 rounded-2xl border border-zinc-200 dark:border-zinc-800 shadow-sm flex flex-col items-center justify-center gap-2">
@@ -84,7 +86,7 @@ export const ReviewView: React.FC<ReviewViewProps> = ({ projects, onNext }) => {
                             <AlertCircle className="w-6 h-6" />
                         </div>
                         <div className="text-2xl font-bold text-zinc-800 dark:text-zinc-100">{stats.missingCaptions}</div>
-                        <div className="text-xs font-bold text-zinc-500 uppercase tracking-wider">Missing Tags</div>
+                        <div className="text-xs font-bold text-zinc-500 uppercase tracking-wider">{t('missingTags')}</div>
                     </div>
 
                     <div className="bg-white dark:bg-zinc-900 p-6 rounded-2xl border border-zinc-200 dark:border-zinc-800 shadow-sm flex flex-col items-center justify-center gap-2">
@@ -92,7 +94,7 @@ export const ReviewView: React.FC<ReviewViewProps> = ({ projects, onNext }) => {
                             <Tags className="w-6 h-6" />
                         </div>
                         <div className="text-2xl font-bold text-zinc-800 dark:text-zinc-100">{stats.avgTags}</div>
-                        <div className="text-xs font-bold text-zinc-500 uppercase tracking-wider">Avg Tags/Img</div>
+                        <div className="text-xs font-bold text-zinc-500 uppercase tracking-wider">{t('avgTagsPerImage')}</div>
                     </div>
                 </div>
 
@@ -101,10 +103,10 @@ export const ReviewView: React.FC<ReviewViewProps> = ({ projects, onNext }) => {
                     <div className="p-4 border-b border-zinc-200 dark:border-zinc-800 flex justify-between items-center bg-zinc-50/50 dark:bg-zinc-950/50">
                         <h3 className="font-bold text-lg text-zinc-800 dark:text-zinc-100 flex items-center gap-2">
                             <FileText className="w-5 h-5 text-zinc-500" />
-                            Review Items
+                            {t('reviewItems')}
                         </h3>
                         <span className={`px-2 py-1 rounded text-xs font-bold ${issues.length > 0 ? 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400' : 'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400'}`}>
-                            {issues.length} Issues Found
+                            {t('issuesFound', { count: issues.length })}
                         </span>
                     </div>
 
@@ -113,8 +115,8 @@ export const ReviewView: React.FC<ReviewViewProps> = ({ projects, onNext }) => {
                             <div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-emerald-100 dark:bg-emerald-900/20 text-emerald-600 dark:text-emerald-400 mb-4">
                                 <CheckCircle2 className="w-8 h-8" />
                             </div>
-                            <h4 className="text-lg font-bold text-zinc-800 dark:text-zinc-100 mb-1">All Good!</h4>
-                            <p className="text-zinc-500 dark:text-zinc-400">No content issues detected. You are ready to export.</p>
+                            <h4 className="text-lg font-bold text-zinc-800 dark:text-zinc-100 mb-1">{t('allGood')}</h4>
+                            <p className="text-zinc-500 dark:text-zinc-400">{t('noIssuesDesc')}</p>
                         </div>
                     ) : (
                         <div className="divide-y divide-zinc-100 dark:divide-zinc-800 max-h-[400px] overflow-y-auto custom-scrollbar">
@@ -128,7 +130,7 @@ export const ReviewView: React.FC<ReviewViewProps> = ({ projects, onNext }) => {
                                             <span className="text-sm font-medium text-zinc-900 dark:text-zinc-100 truncate">{item.img.file.name}</span>
                                             <span className="text-xs font-bold text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 px-2 py-0.5 rounded border border-amber-100 dark:border-amber-900/30">{item.issue}</span>
                                         </div>
-                                        <p className="text-xs text-zinc-500 dark:text-zinc-400 truncate">{item.img.caption || "No caption"}</p>
+                                        <p className="text-xs text-zinc-500 dark:text-zinc-400 truncate">{item.img.caption || t('noCaption')}</p>
                                     </div>
                                 </div>
                             ))}
@@ -139,7 +141,7 @@ export const ReviewView: React.FC<ReviewViewProps> = ({ projects, onNext }) => {
                 {/* Actions */}
                 <div className="flex justify-end pt-4">
                     <button onClick={onNext} className="px-6 py-2 bg-indigo-600 hover:bg-indigo-500 text-white rounded-lg font-bold shadow-lg shadow-indigo-500/20 active:scale-95 transition-all text-sm flex items-center gap-2">
-                        Next: Export <ArrowRight className="w-4 h-4" />
+                        {t('nextExport')} <ArrowRight className="w-4 h-4" />
                     </button>
                 </div>
 
diff --git a/src/locales/en.json b/src/locales/en.json
index 7d0fa08..ef598db 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -149,5 +149,63 @@
     "cleanLabel": "Clean",
     "cols": "Cols",
     "offlineWarning": "You are currently offline. Local features are still available, but AI generation is disabled.",
-    "selectAnImage": "Select an image to edit details"
+    "selectAnImage": "Select an image to edit details",
+    "exportDatasetTitle": "Export Dataset",
+    "exportDatasetDesc": "Choose your preferred format and download your training data.",
+    "readyToExport": "Ready to Export",
+    "imagesPrepared": "{count} images and captions prepared.",
+    "selectFormat": "Select Format",
+    "textFiles": "Text Files",
+    "textFilesDesc": "Standard .txt caption files side-by-side with images.",
+    "kohyaJson": "Kohya JSON",
+    "kohyaJsonDesc": "Single metadata.json file compatible with Kohya-ss scripts.",
+    "exportProcessing": "Processing...",
+    "downloadDataset": "Download Dataset",
+    "landscape": "Landscape",
+    "portrait": "Portrait",
+    "square": "Square",
+    "smartResize": "Smart Resize",
+    "nextTagging": "Next: Tagging",
+    "cropImage": "Crop",
+    "loading": "Loading...",
+    "full": "Full",
+    "cancel": "Cancel",
+    "saveCrop": "Save Crop",
+    "projectReview": "Project Review",
+    "reviewDesc": "Review your dataset statistics and health before exporting.",
+    "totalImages": "Total Images",
+    "captioned": "Captioned",
+    "missingTags": "Missing Tags",
+    "avgTagsPerImage": "Avg Tags/Img",
+    "reviewItems": "Review Items",
+    "issuesFound": "{count} Issues Found",
+    "allGood": "All Good!",
+    "noIssuesDesc": "No content issues detected. You are ready to export.",
+    "missingCaption": "Missing caption",
+    "captionTooShort": "Caption too short",
+    "processingError": "Processing error",
+    "noCaption": "No caption",
+    "nextExport": "Next: Export",
+    "format": "Format",
+    "textFilesTxt": "Text Files (.txt)",
+    "standardCaptionFiles": "Standard caption files",
+    "jsonFilesJson": "JSON Files (.json)",
+    "sidecarJsonFormat": "Sidecar JSON format",
+    "somethingWentWrong": "Something went wrong",
+    "tryAgain": "Try Again",
+    "viewError": "View Error",
+    "viewErrorDesc": "Failed to render this section. The rest of the app should still work.",
+    "reloadView": "Reload View",
+    "clickToRename": "Click to rename",
+    "captionPlaceholder": "Caption...",
+    "saveTxt": "Save .txt",
+    "chars": "chars",
+    "allItems": "All Items",
+    "pending": "Pending",
+    "completed": "Completed",
+    "gridView": "Grid View",
+    "listView": "List View",
+    "saved": "Saved",
+    "bucketAll": "All",
+    "cleanTagsRegex": "Clean Tags (Regex)"
 }
\ No newline at end of file
diff --git a/src/locales/ja.json b/src/locales/ja.json
index 2018263..21fab51 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -149,5 +149,63 @@
     "cleanLabel": "クリーン",
     "cols": "段数",
     "offlineWarning": "オフラインです。AI 自動生成は使用できません。",
-    "selectAnImage": "画像を選択して詳細を編集します"
+    "selectAnImage": "画像を選択して詳細を編集します",
+    "exportDatasetTitle": "データセットのエクスポート",
+    "exportDatasetDesc": "お好みのフォーマットを選択してトレーニングデータをダウンロードしてください。",
+    "readyToExport": "エクスポート準備完了",
+    "imagesPrepared": "{count} 枚の画像とキャプションが準備されました。",
+    "selectFormat": "フォーマットを選択",
+    "textFiles": "テキストファイル",
+    "textFilesDesc": "画像と対になる標準的な .txt キャプションファイル。",
+    "kohyaJson": "Kohya JSON",
+    "kohyaJsonDesc": "Kohya-ss スクリプト互換の metadata.json ファイル。",
+    "exportProcessing": "処理中...",
+    "downloadDataset": "データセットをダウンロード",
+    "landscape": "横向き",
+    "portrait": "縦向き",
+    "square": "正方形",
+    "smartResize": "スマートリサイズ",
+    "nextTagging": "次へ：タグ付け",
+    "cropImage": "切り抜き",
+    "loading": "読み込み中...",
+    "full": "全体",
+    "cancel": "キャンセル",
+    "saveCrop": "切り抜きを保存",
+    "projectReview": "プロジェクトレビュー",
+    "reviewDesc": "エクスポート前にデータセットの統計と健全性を確認してください。",
+    "totalImages": "総画像数",
+    "captioned": "キャプション済み",
+    "missingTags": "タグ不足",
+    "avgTagsPerImage": "平均タグ数/画像",
+    "reviewItems": "レビュー項目",
+    "issuesFound": "{count} 件の問題が見つかりました",
+    "allGood": "問題なし！",
+    "noIssuesDesc": "コンテンツの問題は検出されませんでした。エクスポートの準備ができています。",
+    "missingCaption": "キャプションなし",
+    "captionTooShort": "キャプションが短すぎます",
+    "processingError": "処理エラー",
+    "noCaption": "キャプションなし",
+    "nextExport": "次へ：エクスポート",
+    "format": "フォーマット",
+    "textFilesTxt": "テキストファイル (.txt)",
+    "standardCaptionFiles": "標準キャプションファイル",
+    "jsonFilesJson": "JSON ファイル (.json)",
+    "sidecarJsonFormat": "サイドカー JSON 形式",
+    "somethingWentWrong": "問題が発生しました",
+    "tryAgain": "再試行",
+    "viewError": "表示エラー",
+    "viewErrorDesc": "このセクションのレンダリングに失敗しました。アプリの他の部分は引き続き動作するはずです。",
+    "reloadView": "ビューを再読み込み",
+    "clickToRename": "クリックしてリネーム",
+    "captionPlaceholder": "キャプション...",
+    "saveTxt": ".txt を保存",
+    "chars": "文字",
+    "allItems": "すべての項目",
+    "pending": "未処理",
+    "completed": "完了済み",
+    "gridView": "グリッドビュー",
+    "listView": "リストビュー",
+    "saved": "保存済み",
+    "bucketAll": "すべて",
+    "cleanTagsRegex": "タグクリーニング (正規表現)"
 }
\ No newline at end of file
diff --git a/src/locales/zh.json b/src/locales/zh.json
index 901d1ba..df7117d 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -149,5 +149,63 @@
     "triggerWord": "触发词",
     "triggerWordPlaceholder": "例如：miku_hatsune",
     "offlineWarning": "您当前处于离线状态。本地功能依然可用，但大模型自动打标功能已禁用。",
-    "selectAnImage": "请在左边列表选择一张图像以编辑详情"
+    "selectAnImage": "请在左边列表选择一张图像以编辑详情",
+    "exportDatasetTitle": "导出数据集",
+    "exportDatasetDesc": "选择您偏好的格式并下载训练数据。",
+    "readyToExport": "准备导出",
+    "imagesPrepared": "已准备好 {count} 张图片及其标注。",
+    "selectFormat": "选择格式",
+    "textFiles": "文本文件",
+    "textFilesDesc": "标准 .txt 标注文件，与图片一一对应。",
+    "kohyaJson": "Kohya JSON",
+    "kohyaJsonDesc": "兼容 Kohya-ss 脚本的单个 metadata.json 文件。",
+    "exportProcessing": "处理中...",
+    "downloadDataset": "下载数据集",
+    "landscape": "横向",
+    "portrait": "纵向",
+    "square": "方形",
+    "smartResize": "智能缩放",
+    "nextTagging": "下一步：打标",
+    "cropImage": "裁剪",
+    "loading": "加载中...",
+    "full": "全部",
+    "cancel": "取消",
+    "saveCrop": "保存裁剪",
+    "projectReview": "项目审查",
+    "reviewDesc": "在导出之前，检查数据集的统计信息和健康状态。",
+    "totalImages": "总图片数",
+    "captioned": "已标注",
+    "missingTags": "缺少标签",
+    "avgTagsPerImage": "平均标签数/图",
+    "reviewItems": "审查项",
+    "issuesFound": "发现 {count} 个问题",
+    "allGood": "一切正常！",
+    "noIssuesDesc": "未检测到内容问题。您可以开始导出了。",
+    "missingCaption": "缺少标注",
+    "captionTooShort": "标注过短",
+    "processingError": "处理错误",
+    "noCaption": "无标注",
+    "nextExport": "下一步：导出",
+    "format": "格式",
+    "textFilesTxt": "文本文件 (.txt)",
+    "standardCaptionFiles": "标准标注文件",
+    "jsonFilesJson": "JSON 文件 (.json)",
+    "sidecarJsonFormat": "附带 JSON 格式",
+    "somethingWentWrong": "出了点问题",
+    "tryAgain": "重试",
+    "viewError": "视图错误",
+    "viewErrorDesc": "此部分渲染失败。应用的其余部分应仍可正常使用。",
+    "reloadView": "重新加载视图",
+    "clickToRename": "点击重命名",
+    "captionPlaceholder": "标注内容...",
+    "saveTxt": "保存 .txt",
+    "chars": "字符",
+    "allItems": "所有项",
+    "pending": "待处理",
+    "completed": "已完成",
+    "gridView": "网格视图",
+    "listView": "列表视图",
+    "saved": "已保存",
+    "bucketAll": "全部",
+    "cleanTagsRegex": "标签清洗 (正则)"
 }
\ No newline at end of file
diff --git a/src/types.ts b/src/types.ts
index 1dc2fc9..45e1cf8 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -27,7 +27,7 @@ export interface PromptTemplate {
 }
 
 export interface AppSettings {
-  language: 'en' | 'zh';
+  language: 'en' | 'zh' | 'ja';
   theme: 'light' | 'dark'; // New theme setting
   viewMode: 'grid' | 'list'; // New view mode setting
   protocol: AiProtocol;
diff --git a/src/utils/i18n.ts b/src/utils/i18n.ts
index 224eaf3..bca70b0 100644
--- a/src/utils/i18n.ts
+++ b/src/utils/i18n.ts
@@ -151,7 +151,67 @@ export const translations = {
     startSelected: "Start Selected",
     processingSelected: "Processing {count} items...",
     cleanLabel: "Clean",
-    cols: "Cols"
+    cols: "Cols",
+    offlineWarning: "You are currently offline. Local features are still available, but AI generation is disabled.",
+    selectAnImage: "Select an image to edit details",
+    exportDatasetTitle: "Export Dataset",
+    exportDatasetDesc: "Choose your preferred format and download your training data.",
+    readyToExport: "Ready to Export",
+    imagesPrepared: "{count} images and captions prepared.",
+    selectFormat: "Select Format",
+    textFiles: "Text Files",
+    textFilesDesc: "Standard .txt caption files side-by-side with images.",
+    kohyaJson: "Kohya JSON",
+    kohyaJsonDesc: "Single metadata.json file compatible with Kohya-ss scripts.",
+    exportProcessing: "Processing...",
+    downloadDataset: "Download Dataset",
+    landscape: "Landscape",
+    portrait: "Portrait",
+    square: "Square",
+    smartResize: "Smart Resize",
+    nextTagging: "Next: Tagging",
+    cropImage: "Crop",
+    loading: "Loading...",
+    full: "Full",
+    cancel: "Cancel",
+    saveCrop: "Save Crop",
+    projectReview: "Project Review",
+    reviewDesc: "Review your dataset statistics and health before exporting.",
+    totalImages: "Total Images",
+    captioned: "Captioned",
+    missingTags: "Missing Tags",
+    avgTagsPerImage: "Avg Tags/Img",
+    reviewItems: "Review Items",
+    issuesFound: "{count} Issues Found",
+    allGood: "All Good!",
+    noIssuesDesc: "No content issues detected. You are ready to export.",
+    missingCaption: "Missing caption",
+    captionTooShort: "Caption too short",
+    processingError: "Processing error",
+    noCaption: "No caption",
+    nextExport: "Next: Export",
+    format: "Format",
+    textFilesTxt: "Text Files (.txt)",
+    standardCaptionFiles: "Standard caption files",
+    jsonFilesJson: "JSON Files (.json)",
+    sidecarJsonFormat: "Sidecar JSON format",
+    somethingWentWrong: "Something went wrong",
+    tryAgain: "Try Again",
+    viewError: "View Error",
+    viewErrorDesc: "Failed to render this section. The rest of the app should still work.",
+    reloadView: "Reload View",
+    clickToRename: "Click to rename",
+    captionPlaceholder: "Caption...",
+    saveTxt: "Save .txt",
+    chars: "chars",
+    allItems: "All Items",
+    pending: "Pending",
+    completed: "Completed",
+    gridView: "Grid View",
+    listView: "List View",
+    saved: "Saved",
+    bucketAll: "All",
+    cleanTagsRegex: "Clean Tags (Regex)"
   },
   zh: {
     appTitle: "LoRA 标注助手",
@@ -304,8 +364,275 @@ export const translations = {
     // Sidebar
     projects: "项目列表",
     triggerWord: "触发词",
-    triggerWordPlaceholder: "例如：miku_hatsune"
+    triggerWordPlaceholder: "例如：miku_hatsune",
+    offlineWarning: "您当前处于离线状态。本地功能依然可用，但大模型自动打标功能已禁用。",
+    selectAnImage: "请在左边列表选择一张图像以编辑详情",
+    exportDatasetTitle: "导出数据集",
+    exportDatasetDesc: "选择您偏好的格式并下载训练数据。",
+    readyToExport: "准备导出",
+    imagesPrepared: "已准备好 {count} 张图片及其标注。",
+    selectFormat: "选择格式",
+    textFiles: "文本文件",
+    textFilesDesc: "标准 .txt 标注文件，与图片一一对应。",
+    kohyaJson: "Kohya JSON",
+    kohyaJsonDesc: "兼容 Kohya-ss 脚本的单个 metadata.json 文件。",
+    exportProcessing: "处理中...",
+    downloadDataset: "下载数据集",
+    landscape: "横向",
+    portrait: "纵向",
+    square: "方形",
+    smartResize: "智能缩放",
+    nextTagging: "下一步：打标",
+    cropImage: "裁剪",
+    loading: "加载中...",
+    full: "全部",
+    cancel: "取消",
+    saveCrop: "保存裁剪",
+    projectReview: "项目审查",
+    reviewDesc: "在导出之前，检查数据集的统计信息和健康状态。",
+    totalImages: "总图片数",
+    captioned: "已标注",
+    missingTags: "缺少标签",
+    avgTagsPerImage: "平均标签数/图",
+    reviewItems: "审查项",
+    issuesFound: "发现 {count} 个问题",
+    allGood: "一切正常！",
+    noIssuesDesc: "未检测到内容问题。您可以开始导出了。",
+    missingCaption: "缺少标注",
+    captionTooShort: "标注过短",
+    processingError: "处理错误",
+    noCaption: "无标注",
+    nextExport: "下一步：导出",
+    format: "格式",
+    textFilesTxt: "文本文件 (.txt)",
+    standardCaptionFiles: "标准标注文件",
+    jsonFilesJson: "JSON 文件 (.json)",
+    sidecarJsonFormat: "附带 JSON 格式",
+    somethingWentWrong: "出了点问题",
+    tryAgain: "重试",
+    viewError: "视图错误",
+    viewErrorDesc: "此部分渲染失败。应用的其余部分应仍可正常使用。",
+    reloadView: "重新加载视图",
+    clickToRename: "点击重命名",
+    captionPlaceholder: "标注内容...",
+    saveTxt: "保存 .txt",
+    chars: "字符",
+    allItems: "所有项",
+    pending: "待处理",
+    completed: "已完成",
+    gridView: "网格视图",
+    listView: "列表视图",
+    saved: "已保存",
+    bucketAll: "全部",
+    cleanTagsRegex: "标签清洗 (正则)"
+  },
+  ja: {
+    appTitle: "Tag Master",
+    import: "インポート",
+    exportAll: "すべてエクスポート",
+    exportFailed: "エクスポートに失敗しました。もう一度お試しください。",
+    dashboard: "ダッシュボード",
+    spaces: "スペース",
+    settings: "設定",
+    processing: "処理中",
+    progress: "進捗",
+    pause: "一時停止",
+    resume: "再開",
+    stop: "停止",
+    startAll: "すべて開始",
+    startProject: "プロジェクトを開始",
+    startSelected: "選択を開始",
+    batchEdit: "一括編集",
+    retry: "再試行",
+    reset: "リセット",
+    clearDone: "完了をクリア",
+    inspector: "インスペクター",
+    regen: "再生成",
+    wait: "待機中",
+    captionContent: "キャプション内容",
+    generationFailed: "生成に失敗",
+    prev: "前へ",
+    next: "次へ",
+    remove: "削除",
+    providerName: "プロバイダー名",
+    modelName: "モデル名",
+    apiKey: "APIキー",
+    concurrency: "同時実行数",
+    testing: "接続をテスト中...",
+    connectionSuccess: "接続成功！",
+    connectionFailed: "接続失敗",
+    blockedWords: "ブロックワード",
+    promptPreset: "プロンプトプリセット",
+    activePrompt: "現在のプロンプト",
+    saveAs: "名前を付けて保存...",
+    close: "閉じる",
+    apiProvider: "APIプロバイダー",
+    googleGemini: "Google Gemini",
+    openaiCompatible: "OpenAI 互換",
+    apiEndpoint: "APIエンドポイント",
+    googleDefault: "Google Generative AI (デフォルト)",
+    securityNote: "セキュリティ：APIキーはブラウザのローカルに難読化して保存されます。共有デバイスでの使用は避けてください。",
+    test: "テスト",
+    fetchModels: "モデル取得",
+    fetchingModels: "取得中...",
+    fetchModelsSuccess: "{count} 個のモデルを取得しました",
+    fetchModelsFailed: "取得失敗。URL/キーを確認してください。",
+    selectModel: "モデルを選択...",
+    advancedHeaders: "詳細：カスタムヘッダー",
+    advancedHeadersDesc: "APIリクエストにカスタムHTTPヘッダーを追加します。",
+    loadPreset: "プリセットを読み込む",
+    presetOpenAI: "OpenAI プロキシ (Referer)",
+    presetCors: "CORS / Origin",
+    presetAuth: "カスタム認証",
+    presetRelay: "リレーステーションデフォルト",
+    startHeader: "新しいヘッダーを追加",
+    headerKeyPlaceholder: "キー (例: X-Proxy-Auth)",
+    headerValuePlaceholder: "値",
+    done: "完了",
+    dropHere: "フォルダまたは画像をここにドロップ",
+    workspaceEmpty: "ワークスペースが空です",
+    browseFiles: "ファイルを参照",
+    deleteProjectConfirm: "このプロジェクトグループ全体を削除しますか？",
+    clearAllConfirm: "すべてのプロジェクトと画像をクリアしますか？",
+    resetConfirm: "表示中の画像のキャプションとステータスをリセットしますか？",
+    clearDoneConfirm: "完了した画像をすべて削除しますか？",
+    deleteSelectedConfirm: "選択した {count} 枚の画像を削除しますか？",
+    batchTitle: "一括操作",
+    batchSubtitle: "現在のビューに表示されているすべての画像のキャプションを変更します。",
+    findReplace: "検索と置換",
+    prependAppend: "先頭/末尾に追加",
+    smartTags: "スマートタグ",
+    addTags: "タグを追加",
+    removeTags: "タグを削除",
+    addTagsPlaceholder: "tag1, tag2 (自動重複排除)",
+    removeTagsPlaceholder: "tag1, tag2 (完全一致)",
+    target: "対象範囲",
+    scopeAll: "すべての表示項目",
+    scopeSelected: "選択のみ",
+    find: "検索テキスト...",
+    replaceWith: "置換テキスト...",
+    preview: "変更をプレビュー",
+    apply: "変更を適用",
+    prefix: "先頭に追加",
+    suffix: "末尾に追加",
+    noImages: "一括編集可能な画像がありません。",
+    modified: "変更済み",
+    language: "言語",
+    theme: "テーマ",
+    themeDark: "ダーク",
+    themeLight: "ライト",
+    searchPlaceholder: "ファイルまたはタグを検索...",
+    noResults: "一致する画像が見つかりません。",
+    selectAll: "すべて選択",
+    deselectAll: "選択解除",
+    selected: "選択済み",
+    deleteSelected: "選択を削除",
+    move: "移動/グループ",
+    moveTo: "移動先...",
+    merge: "マージ",
+    mergeTo: "マージ先...",
+    moveTitle: "アイテムを移動",
+    mergeTitle: "プロジェクトをマージ",
+    targetProject: "対象プロジェクト",
+    newProject: "新規プロジェクトを作成...",
+    newProjectName: "新規プロジェクト名",
+    moveDesc: "選択した {count} 枚の画像を別のプロジェクトに移動します。",
+    mergeDesc: "'{name}' を別のプロジェクトにマージします。元のプロジェクトは削除されます。",
+    confirmMove: "移動",
+    confirmMerge: "マージ",
+    tutorial: "ガイド",
+    tutWelcomeTitle: "Tag Master へようこそ",
+    tutWelcomeDesc: "AIモデルトレーニングデータセット準備のための強力なツールです。画像データセットの整理、キャプション付け、エクスポートが簡単にできます。",
+    tutImportTitle: "フォルダをドラッグ＆ドロップ",
+    tutImportDesc: "フォルダ（サブディレクトリ含む）をアプリにドラッグするだけ。フォルダ名に基づいて自動的にプロジェクトに整理されます。",
+    tutSelectTitle: "効率的な選択",
+    tutSelectDesc: "クリックで選択。Shift+クリックで範囲選択。画像上でドラッグして素早く複数選択できます。",
+    tutTagTitle: "AI 自動キャプション",
+    tutTagDesc: "設定でAPIキーを入力。「すべて開始」で一括キャプション生成、またはインスペクターで個別に編集できます。",
+    tutExportTitle: "ワンクリックエクスポート",
+    tutExportDesc: "ZIPファイルとしてエクスポート。LoRAトレーニングに最適なフォーマット：画像とテキストファイルのペアがフォルダ別に整理されます。",
+    skip: "スキップ",
+    finish: "始める",
+    cleanTitle: "タグクリーニングルール (正規表現)",
+    cleanDescription: "ルールは生成時に自動的に適用されます。既存のタグに対して手動で実行することもできます。",
+    cleanTip: "ヒント: /pattern/flags で高度な正規表現を使用できます (例: /\\b(girl|boy)\\b/gi)。デフォルトは大文字小文字を区別しないグローバルマッチです。",
+    pattern: "パターン (正規表現)",
+    activeRules: "有効なルール",
+    noRules: "ルールが定義されていません",
+    liveTest: "ライブテスト",
+    result: "結果",
+    add: "追加",
+    cleanSelected: "選択をクリーニング",
+    cleanAll: "すべてクリーニング",
+    confirmCleanSelected: "選択した {count} 枚の画像にルールを適用しますか？",
+    confirmCleanAll: "すべての {count} 枚の表示画像に {rules} 個のルールを適用しますか？この操作は簡単に元に戻せません。",
+    projects: "プロジェクト",
+    triggerWord: "トリガーワード",
+    triggerWordPlaceholder: "例: miku",
+    processingSelected: "処理中...",
+    cleanLabel: "クリーン",
+    cols: "段数",
+    offlineWarning: "オフラインです。AI 自動生成は使用できません。",
+    selectAnImage: "画像を選択して詳細を編集します",
+    exportDatasetTitle: "データセットのエクスポート",
+    exportDatasetDesc: "お好みのフォーマットを選択してトレーニングデータをダウンロードしてください。",
+    readyToExport: "エクスポート準備完了",
+    imagesPrepared: "{count} 枚の画像とキャプションが準備されました。",
+    selectFormat: "フォーマットを選択",
+    textFiles: "テキストファイル",
+    textFilesDesc: "画像と対になる標準的な .txt キャプションファイル。",
+    kohyaJson: "Kohya JSON",
+    kohyaJsonDesc: "Kohya-ss スクリプト互換の metadata.json ファイル。",
+    exportProcessing: "処理中...",
+    downloadDataset: "データセットをダウンロード",
+    landscape: "横向き",
+    portrait: "縦向き",
+    square: "正方形",
+    smartResize: "スマートリサイズ",
+    nextTagging: "次へ：タグ付け",
+    cropImage: "切り抜き",
+    loading: "読み込み中...",
+    full: "全体",
+    cancel: "キャンセル",
+    saveCrop: "切り抜きを保存",
+    projectReview: "プロジェクトレビュー",
+    reviewDesc: "エクスポート前にデータセットの統計と健全性を確認してください。",
+    totalImages: "総画像数",
+    captioned: "キャプション済み",
+    missingTags: "タグ不足",
+    avgTagsPerImage: "平均タグ数/画像",
+    reviewItems: "レビュー項目",
+    issuesFound: "{count} 件の問題が見つかりました",
+    allGood: "問題なし！",
+    noIssuesDesc: "コンテンツの問題は検出されませんでした。エクスポートの準備ができています。",
+    missingCaption: "キャプションなし",
+    captionTooShort: "キャプションが短すぎます",
+    processingError: "処理エラー",
+    noCaption: "キャプションなし",
+    nextExport: "次へ：エクスポート",
+    format: "フォーマット",
+    textFilesTxt: "テキストファイル (.txt)",
+    standardCaptionFiles: "標準キャプションファイル",
+    jsonFilesJson: "JSON ファイル (.json)",
+    sidecarJsonFormat: "サイドカー JSON 形式",
+    somethingWentWrong: "問題が発生しました",
+    tryAgain: "再試行",
+    viewError: "表示エラー",
+    viewErrorDesc: "このセクションのレンダリングに失敗しました。アプリの他の部分は引き続き動作するはずです。",
+    reloadView: "ビューを再読み込み",
+    clickToRename: "クリックしてリネーム",
+    captionPlaceholder: "キャプション...",
+    saveTxt: ".txt を保存",
+    chars: "文字",
+    allItems: "すべての項目",
+    pending: "未処理",
+    completed: "完了済み",
+    gridView: "グリッドビュー",
+    listView: "リストビュー",
+    saved: "保存済み",
+    bucketAll: "すべて",
+    cleanTagsRegex: "タグクリーニング (正規表現)"
   }
 };
 
-export type Language = 'en' | 'zh';
+export type Language = 'en' | 'zh' | 'ja';