import { useMemo, useState } from 'react';
import { useLocation, useNavigate, useParams } from 'react-router-dom';
import { BsArrowLeft, BsStars, BsSend } from 'react-icons/bs';
import { TaleDashbaordMainCard } from '@components/TaleDashbaordMainCard';
import { TaleText } from '@components/TaleText';
import { useTranslation, getFixedT } from '@/hooks/useTranslation';
import { getCoreQuestions, toSurveyQuestion, getProblemById } from './taleScanProblems';
/**
* Écran de discussion avec l'assistant IA TaleScan — placé entre le choix de
* langue (popup dans TaleScanDashboard) et la création réelle du survey.
*
* La discussion suit TOUJOURS la langue de l'interface (useTranslation()
* sans argument) — jamais la langue choisie dans le popup TaleScan. Ce choix
* (`language`, reçu via location.state) n'est utilisé qu'au moment de la
* génération finale du questionnaire (handleGenerate).
*
* INTERACTIF MAIS SANS VRAI AGENT POUR L'INSTANT : taper un message et
* appuyer sur Envoyer ajoute bien la bulle utilisateur, mais la réponse de
* l'assistant est une confirmation générique fixe (pas une vraie
* compréhension du message) — pour ne pas donner l'illusion d'une IA
* fonctionnelle avant que l'agent réel soit branché. Le bouton "Générer" en
* bas reprend toujours la génération statique existante (getCoreQuestions),
* indépendamment de ce qui a été tapé dans le chat.
* TODO(agent réel) : remplacer handleSend et handleGenerate par de vrais
* appels à l'agent une fois ses specs connues (endpoint, payload attendu,
* format de réponse).
*/
const INITIAL_MOCK_MESSAGES = [
{ role: 'assistant', textKey: 'surveyBuilder.taleScan.conversation.mock.greeting' },
];
// Copié de TaleScanDashboard.jsx — à factoriser dans un module partagé
// (ex. taleScanLanguages.js) plutôt que dupliqué, une fois cet écran validé.
const SURVEY_LANG_TO_LOCALE = {
ENGLISH: 'en',
FRENCH: 'fr',
ARABIC: 'ar',
TUNISIAN_ARABIC: 'tn',
};
function AssistantAvatar() {
return (
);
}
function ChatBubble({ role, text }) {
const isAssistant = role === 'assistant';
return (
{isAssistant && }
{text}
);
}
export default function TaleScanConversation({ basePath = '/scan' }) {
const navigate = useNavigate();
const location = useLocation();
const { domainId, problemId } = useParams();
const { t } = useTranslation();
// Reçus depuis TaleScanDashboard via handleLanguageConfirm.
const { language, category } = location.state ?? {};
const problem = useMemo(() => getProblemById(problemId), [problemId]);
// Historique local — messages tapés par l'utilisateur ajoutés ici, en
// plus du message d'accueil initial. Pas de persistance, pas d'appel API.
const [extraMessages, setExtraMessages] = useState([]); // { role, text } — texte déjà résolu, pas une clé
const [draft, setDraft] = useState('');
const [isGenerating, setIsGenerating] = useState(false);
const messages = useMemo(() => {
const initial = INITIAL_MOCK_MESSAGES.map((m) => ({ role: m.role, text: t(m.textKey) }));
return [...initial, ...extraMessages];
}, [t, extraMessages]);
const handleBack = () => {
navigate(`${basePath}/${domainId}`);
};
const handleSend = () => {
const trimmed = draft.trim();
if (!trimmed) return;
setExtraMessages((prev) => [
...prev,
{ role: 'user', text: trimmed },
{ role: 'assistant', text: t('surveyBuilder.taleScan.conversation.mock.acknowledgement') },
]);
setDraft('');
};
const handleInputKeyDown = (e) => {
if (e.key === 'Enter') {
e.preventDefault();
handleSend();
}
};
// TODO(agent réel) : remplacer ce handler par l'appel à l'agent une fois
// ses specs connues. Pour l'instant : même génération statique que
// l'ancien handleLanguageConfirm direct, indépendante du chat.
const handleGenerate = () => {
if (!problem || !language) return; // état incomplet — navigation directe interdite
setIsGenerating(true);
const fixedT = getFixedT(SURVEY_LANG_TO_LOCALE[language] ?? 'fr');
const initialQuestions = getCoreQuestions(problem.problemId, {}, fixedT).map(toSurveyQuestion);
navigate('/survey/new/scratch?source=talescan', {
state: {
category,
initialQuestions,
language,
},
});
};
return (