sepehr
153c921960
Some checks failed
Deploy to Production / Build and Deploy (push) Failing after 1m7s
Replaced ~100+ hardcoded French and English text strings across 30+ components with proper i18n t() calls. Added 57 new translation keys to all 15 locale files (ar, de, en, es, fa, fr, hi, it, ja, ko, nl, pl, pt, ru, zh). Key changes: - contextual-ai-chat.tsx: 30 French strings → t() (actions, toasts, labels, placeholders) - ai-chat.tsx: 15 French/English strings → t() (header, tabs, welcome, insights, history) - note-inline-editor.tsx: 20 French fallbacks removed (toolbar, save status, checklist) - lab-skeleton.tsx: French loading text → t() - admin-header.tsx, header.tsx, editor-connections-section.tsx: French fallbacks removed - New AI chat component, agent cards, sidebar, settings panel i18n cleanup Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
119 lines
4.5 KiB
TypeScript
119 lines
4.5 KiB
TypeScript
'use client'
|
||
|
||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
|
||
import { Button } from '@/components/ui/button'
|
||
import { ArrowLeft, TestTube } from 'lucide-react'
|
||
import { AI_TESTER } from './ai-tester'
|
||
import { useLanguage } from '@/lib/i18n'
|
||
|
||
export default function AITestPage() {
|
||
const { t } = useLanguage()
|
||
|
||
return (
|
||
<div className="container mx-auto py-10 px-4 max-w-6xl">
|
||
<div className="flex justify-between items-center mb-8">
|
||
<div className="flex items-center gap-3">
|
||
<a href="/admin/settings">
|
||
<Button variant="outline" size="icon">
|
||
<ArrowLeft className="h-4 w-4" />
|
||
</Button>
|
||
</a>
|
||
<div>
|
||
<h1 className="text-3xl font-bold flex items-center gap-2">
|
||
<TestTube className="h-8 w-8" />
|
||
{t('admin.aiTest.title')}
|
||
</h1>
|
||
<p className="text-muted-foreground mt-1">
|
||
{t('admin.aiTest.description')}
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="grid gap-6 md:grid-cols-3">
|
||
{/* Tags Provider Test */}
|
||
<Card className="border-primary/20 dark:border-primary/30">
|
||
<CardHeader className="bg-primary/5 dark:bg-primary/10">
|
||
<CardTitle className="flex items-center gap-2">
|
||
<span className="text-2xl">🏷️</span>
|
||
{t('admin.aiTest.tagsTestTitle')}
|
||
</CardTitle>
|
||
<CardDescription>
|
||
{t('admin.aiTest.tagsTestDescription')}
|
||
</CardDescription>
|
||
</CardHeader>
|
||
<CardContent className="pt-6">
|
||
<AI_TESTER type="tags" />
|
||
</CardContent>
|
||
</Card>
|
||
|
||
{/* Embeddings Provider Test */}
|
||
<Card className="border-green-200 dark:border-green-900">
|
||
<CardHeader className="bg-green-50/50 dark:bg-green-950/20">
|
||
<CardTitle className="flex items-center gap-2">
|
||
<span className="text-2xl">🔍</span>
|
||
{t('admin.aiTest.embeddingsTestTitle')}
|
||
</CardTitle>
|
||
<CardDescription>
|
||
{t('admin.aiTest.embeddingsTestDescription')}
|
||
</CardDescription>
|
||
</CardHeader>
|
||
<CardContent className="pt-6">
|
||
<AI_TESTER type="embeddings" />
|
||
</CardContent>
|
||
</Card>
|
||
|
||
{/* Chat Provider Test */}
|
||
<Card className="border-violet-200 dark:border-violet-900">
|
||
<CardHeader className="bg-violet-50/50 dark:bg-violet-950/20">
|
||
<CardTitle className="flex items-center gap-2">
|
||
<span className="text-2xl">💬</span>
|
||
Fournisseur de chat
|
||
</CardTitle>
|
||
<CardDescription>
|
||
Testez le fournisseur IA responsable de l'assistant conversationnel
|
||
</CardDescription>
|
||
</CardHeader>
|
||
<CardContent className="pt-6">
|
||
<AI_TESTER type="chat" />
|
||
</CardContent>
|
||
</Card>
|
||
</div>
|
||
|
||
|
||
{/* Info Section */}
|
||
<Card className="mt-6">
|
||
<CardHeader>
|
||
<CardTitle>ℹ️ {t('admin.aiTest.howItWorksTitle')}</CardTitle>
|
||
</CardHeader>
|
||
<CardContent className="space-y-4 text-sm">
|
||
<div>
|
||
<h4 className="font-semibold mb-2">{t('admin.aiTest.tagsGenerationTest')}</h4>
|
||
<ul className="list-disc list-inside space-y-1 text-muted-foreground">
|
||
<li>{t('admin.aiTest.tagsStep1')}</li>
|
||
<li>{t('admin.aiTest.tagsStep2')}</li>
|
||
<li>{t('admin.aiTest.tagsStep3')}</li>
|
||
<li>{t('admin.aiTest.tagsStep4')}</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 className="font-semibold mb-2">{t('admin.aiTest.embeddingsTestLabel')}</h4>
|
||
<ul className="list-disc list-inside space-y-1 text-muted-foreground">
|
||
<li>{t('admin.aiTest.embeddingsStep1')}</li>
|
||
<li>{t('admin.aiTest.embeddingsStep2')}</li>
|
||
<li>{t('admin.aiTest.embeddingsStep3')}</li>
|
||
<li>{t('admin.aiTest.embeddingsStep4')}</li>
|
||
</ul>
|
||
</div>
|
||
<div className="bg-amber-50 dark:bg-amber-950/20 p-4 rounded-lg border border-amber-200 dark:border-amber-900">
|
||
<p className="font-semibold text-amber-900 dark:text-amber-100">💡 {t('admin.aiTest.tipTitle')}</p>
|
||
<p className="text-amber-800 dark:text-amber-200 mt-1">
|
||
{t('admin.aiTest.tipContent')}
|
||
</p>
|
||
</div>
|
||
</CardContent>
|
||
</Card>
|
||
</div>
|
||
)
|
||
}
|