diff --git a/src/components/Chat.tsx b/src/components/Chat.tsx index 7e76ec5..f7d3fb4 100644 --- a/src/components/Chat.tsx +++ b/src/components/Chat.tsx @@ -3,7 +3,7 @@ import { ChatMessageComponent } from './ChatMessage'; import { ChatInput } from './ChatInput'; import { TypingIndicator } from './TypingIndicator'; import type { ChatMessage, ConnectionStatus } from '../types'; -import { Bot, ArrowDown, Loader2, ChevronsDownUp, ChevronsUpDown } from 'lucide-react'; +import { Bot, ArrowDown, Loader2, ChevronsDownUp, ChevronsUpDown, Sparkles } from 'lucide-react'; import { MessageSearch } from './MessageSearch'; import { useT } from '../hooks/useLocale'; import { getLocale, type TranslationKey } from '../lib/i18n'; @@ -248,6 +248,23 @@ export function Chat({ messages, isGenerating, isLoadingHistory, status, session
{t('chat.welcome')}
{t('chat.welcomeSub')}
+
+
+ + {t('chat.suggestions')} +
+
+ {(['chat.suggestion1', 'chat.suggestion2', 'chat.suggestion3', 'chat.suggestion4'] as const).map((key) => ( + + ))} +
+
)} {visibleMessages.map(({ msg, showSep, isFirstInGroup }) => { diff --git a/src/lib/i18n.ts b/src/lib/i18n.ts index 3fd7f92..f0e5b5c 100644 --- a/src/lib/i18n.ts +++ b/src/lib/i18n.ts @@ -34,6 +34,11 @@ const en = { // Chat 'chat.welcome': 'PinchChat', 'chat.welcomeSub': 'Send a message to get started', + 'chat.suggestions': 'Try asking...', + 'chat.suggestion1': 'Summarize my recent emails', + 'chat.suggestion2': "What's on my calendar today?", + 'chat.suggestion3': 'Search the web for latest news', + 'chat.suggestion4': 'Help me write a script', 'chat.loadingHistory': 'Loading messages…', 'chat.inputPlaceholder': 'Type a message…', 'chat.inputLabel': 'Message', @@ -158,6 +163,11 @@ const fr: Record = { 'chat.welcome': 'PinchChat', 'chat.welcomeSub': 'Envoyez un message pour commencer', + 'chat.suggestions': 'Essayez par exemple...', + 'chat.suggestion1': 'Résume mes derniers emails', + 'chat.suggestion2': "Qu'est-ce que j'ai au calendrier aujourd'hui ?", + 'chat.suggestion3': 'Cherche sur le web les dernières actus', + 'chat.suggestion4': "Aide-moi à écrire un script", 'chat.loadingHistory': 'Chargement des messages…', 'chat.inputPlaceholder': 'Tapez un message…', 'chat.inputLabel': 'Message',