Même racine sino — un mot en ouvre d'autres
{families.map(f => (
{f.root}
{f.siblings.map(s => (
{s.kr}
{s.fr && {s.fr}}
))}
))}
);
}
function RunnerCardBlock({ exercise, glossFor, carriers, onGrade }) {
const [revealed, setRevealed] = useState(false);
const [qcm, setQcm] = useState(null);
const [picked, setPicked] = useState(null);
const [answer, setAnswer] = useState("");
const [checked, setChecked] = useState(null);
const [introDone, setIntroDone] = useState(false);
const [choicesShown, setChoicesShown] = useState(false);
// Première rencontre élaborée : PRETEST (deviner avant de voir — la génération,
// même erronée, potentialise l'encodage ; Kornell & al.) + famille sino.
const [pretestPick, setPretestPick] = useState(null);
const [sino, setSino] = useState([]);
const p = exercise.prompt || {};
const e = exercise.expected || {};
const f = exercise.feedback || {};
const kr = p.kr || p.front || e.kr || "";
const fr = e.fr || e.back || p.fr || "";
const settings = window.LangStore ? window.LangStore.settings.get() : {};
const nChoices = Math.max(2, Math.min(6, Number(settings.qcmChoices) || 3));
const choices = (f.choices && f.choices.length ? f.choices : (e.choices || []));
const mode = p.mode || "active_recall";
const qcmMode = mode === "qcm";
const dictationMode = mode === "audio_to_hangeul";
const listeningMode = mode === "audio_to_meaning";
const productionMode = mode === "fr_to_kr";
const presentationMode = mode === "new_presentation";
const canQcm = choices.length >= 2 && !!fr;
useEffect(() => {
setRevealed(false);
setPicked(null);
setAnswer("");
setChecked(null);
setIntroDone(false);
setChoicesShown(false);
setPretestPick(null);
setQcm(canQcm ? { options: buildRunnerQcm(choices, fr, nChoices), immediate: qcmMode } : null);
}, [exercise.id, mode, qcmMode, canQcm, fr, nChoices]);
// Famille sino du mot présenté (chargée des banques cachées par LangData).
useEffect(() => {
setSino([]);
if (!presentationMode || !window.LangSinoFamilies || !window.LangData || !exercise.source || exercise.source.kind !== "vocab_freq") return undefined;
let alive = true;
Promise.all([window.LangData.loadChunkIndex(), window.LangData.loadVocabFreq()])
.then(([idx, voc]) => {
if (!alive) return;
const byId = {};
(voc.items || []).forEach(v => { byId[v.id] = v; });
const item = byId[exercise.source.id];
if (item) setSino(window.LangSinoFamilies.familiesFor({ item, chunkIndex: idx, vocabById: byId }));
})
.catch(() => {});
return () => { alive = false; };
}, [exercise.id, presentationMode]);
const onRate = (r) => {
onGrade({ rating: r.id, correct: r.correct, errorTags: r.correct ? [] : (exercise.errorTags || []) });
};
if (dictationMode) {
const done = checked != null;
const tags = done && checked.tags && checked.tags.length ? checked.tags : (exercise.errorTags || []);
return (