feat(ai): localize AI features

keep-notes/app/(main)/admin/ai-test/ai-tester.tsx

@@ -6,6 +6,7 @@ import { Badge } from '@/components/ui/badge'
 import { useState, useEffect } from 'react'
 import { toast } from 'sonner'
 import { Loader2, CheckCircle2, XCircle, Clock, Zap, Info } from 'lucide-react'
+import { useLanguage } from '@/lib/i18n'
 
 interface TestResult {
   success: boolean
@@ -20,6 +21,7 @@ interface TestResult {
 }
 
 export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
+  const { t } = useLanguage()
   const [isLoading, setIsLoading] = useState(false)
   const [result, setResult] = useState<TestResult | null>(null)
   const [config, setConfig] = useState<any>(null)
@@ -34,7 +36,6 @@ export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
       const data = await response.json()
       setConfig(data)
 
-      // Set previous result if available
       if (data.previousTest) {
         setResult(data.previousTest[type] || null)
       }
@@ -84,7 +85,7 @@ export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
         responseTime: endTime - startTime
       }
       setResult(errorResult)
-      toast.error(`❌ Test Error: ${error.message}`)
+      toast.error(t('admin.aiTest.testError', { error: error.message }))
     } finally {
       setIsLoading(false)
     }
@@ -113,13 +114,13 @@ export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
       {/* Provider Info */}
       <div className="space-y-3 p-4 bg-muted/50 rounded-lg">
         <div className="flex items-center justify-between">
-          <span className="text-sm font-medium">Provider:</span>
+          <span className="text-sm font-medium">{t('admin.aiTest.provider')}</span>
           <Badge variant="outline" className="text-xs">
             {providerInfo.provider.toUpperCase()}
           </Badge>
         </div>
         <div className="flex items-center justify-between">
-          <span className="text-sm font-medium">Model:</span>
+          <span className="text-sm font-medium">{t('admin.aiTest.model')}</span>
           <span className="text-sm text-muted-foreground font-mono">
             {providerInfo.model}
           </span>
@@ -136,12 +137,12 @@ export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
         {isLoading ? (
           <>
             <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-            Testing...
+            {t('admin.aiTest.testing')}
           </>
         ) : (
           <>
             <Zap className="mr-2 h-4 w-4" />
-            Run Test
+            {t('admin.aiTest.runTest')}
           </>
         )}
       </Button>
@@ -155,12 +156,12 @@ export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
               {result.success ? (
                 <>
                   <CheckCircle2 className="h-5 w-5 text-green-600" />
-                  <span className="font-semibold text-green-600 dark:text-green-400">Test Passed</span>
+                  <span className="font-semibold text-green-600 dark:text-green-400">{t('admin.aiTest.testPassed')}</span>
                 </>
               ) : (
                 <>
                   <XCircle className="h-5 w-5 text-red-600" />
-                  <span className="font-semibold text-red-600 dark:text-red-400">Test Failed</span>
+                  <span className="font-semibold text-red-600 dark:text-red-400">{t('admin.aiTest.testFailed')}</span>
                 </>
               )}
             </div>
@@ -169,7 +170,7 @@ export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
             {result.responseTime && (
               <div className="flex items-center gap-2 text-sm text-muted-foreground mb-4">
                 <Clock className="h-4 w-4" />
-                <span>Response time: {result.responseTime}ms</span>
+                <span>{t('admin.aiTest.responseTime', { time: result.responseTime })}</span>
               </div>
             )}
 
@@ -178,7 +179,7 @@ export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
               <div className="space-y-3">
                 <div className="flex items-center gap-2">
                   <Info className="h-4 w-4 text-primary" />
-                  <span className="text-sm font-medium">Generated Tags:</span>
+                  <span className="text-sm font-medium">{t('admin.aiTest.generatedTags')}</span>
                 </div>
                 <div className="flex flex-wrap gap-2">
                   {result.tags.map((tag, idx) => (
@@ -202,19 +203,19 @@ export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
               <div className="space-y-3">
                 <div className="flex items-center gap-2">
                   <Info className="h-4 w-4 text-green-600" />
-                  <span className="text-sm font-medium">Embedding Dimensions:</span>
+                  <span className="text-sm font-medium">{t('admin.aiTest.embeddingDimensions')}</span>
                 </div>
                 <div className="p-3 bg-muted rounded-lg">
                   <div className="text-2xl font-bold text-center">
                     {result.embeddingLength}
                   </div>
                   <div className="text-xs text-center text-muted-foreground mt-1">
-                    vector dimensions
+                    {t('admin.aiTest.vectorDimensions')}
                   </div>
                 </div>
                 {result.firstValues && result.firstValues.length > 0 && (
                   <div className="space-y-1">
-                    <span className="text-xs font-medium">First 5 values:</span>
+                    <span className="text-xs font-medium">{t('admin.aiTest.first5Values')}</span>
                     <div className="p-2 bg-muted rounded font-mono text-xs">
                       [{result.firstValues.slice(0, 5).map((v, i) => v.toFixed(4)).join(', ')}]
                     </div>
@@ -226,7 +227,7 @@ export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
             {/* Error Details */}
             {!result.success && result.error && (
               <div className="mt-4 p-3 bg-red-50 dark:bg-red-950/20 rounded-lg border border-red-200 dark:border-red-900">
-                <p className="text-sm font-medium text-red-900 dark:text-red-100">Error:</p>
+                <p className="text-sm font-medium text-red-900 dark:text-red-100">{t('admin.aiTest.error')}</p>
                 <p className="text-sm text-red-700 dark:text-red-300 mt-1">{result.error}</p>
                 {result.details && (
                   <details className="mt-2">
@@ -249,7 +250,7 @@ export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
         <div className="text-center py-4">
           <Loader2 className="h-8 w-8 animate-spin mx-auto text-primary" />
           <p className="text-sm text-muted-foreground mt-2">
-            Testing {type === 'tags' ? 'tags generation' : 'embeddings'}...
+            {t('admin.aiTest.testing')} {type === 'tags' ? 'tags generation' : 'embeddings'}...
           </p>
         </div>
       )}