/* ============================================================ EDUCARE — Fluência Leitora (1º ao 5º ano) Velocidade e precisão da leitura oral de palavras e texto, com classificação por palavras lidas por minuto. Padrões do DNOI: instância por ID, salvamento explícito, aviso de alterações não salvas, histórico por criança. ============================================================ */ (function () { const { useState, useRef, useEffect } = React; const Icon = window.Icon; const INSTRUMENT_NAME = "Fluência Leitora (1º ao 5º ano)"; // ---------------- Persistência por INSTÂNCIA (ID único) ---------------- const FL_KEY = "educare-fluencia-avaliacoes"; function loadAvals() { try { const o = JSON.parse(localStorage.getItem(FL_KEY) || "null"); if (o && typeof o === "object") return o; } catch (e) { /* */ } return {}; } function saveAvals(o) { localStorage.setItem(FL_KEY, JSON.stringify(o)); } function loadAval(id) { return loadAvals()[id] || null; } function putAval(a) { const all = loadAvals(); all[a.id] = a; saveAvals(all); } function newAvalId() { return "fl_" + Date.now().toString(36) + "_" + Math.random().toString(36).slice(2, 8); } function avalsDoPaciente(pid) { const all = loadAvals(); return Object.keys(all).map((k) => all[k]).filter((a) => a && a.pid === pid).sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0)); } // ---------------- Materiais por ano ---------------- const ANO1 = ["BALA", "BELO", "BOLO", "BOLA", "BULE", "BALÃO", "BOCA", "BANANA", "BEIJO", "BICO", "CABO", "CASA", "CADEADO", "COCO", "CUIDADO", "CIMA", "DADO", "DEDO", "DIA", "DURO", "FACA", "FOCA", "FICO", "FIGO", "FOGO", "FADA", "FEIO", "FINO", "GATO", "GOLA", "GULA", "GELO", "GATA", "HORA", "JACA", "JOIA", "JUJUBA", "LOBO", "LUA", "LEÃO", "LAÇO", "LATA", "LEITE", "LEGO", "LUVA", "MACA", "MACACO", "MALA", "MEL", "MELADO", "NAVIO", "NADA", "NEVE", "NOVO", "OVO", "PATO", "PANELA", "PATA", "PÉ", "PIADA", "PIPOCA", "PIRATA", "RATO", "RENA", "RIO", "ROSA", "RUA", "ROBÔ", "SAPO", "SAPATO", "SEREIA", "SINO", "SOPA", "SOCO", "SUCO"]; const ANO2_EXTRA = ["TAPETE", "TIGRE", "TOMADA", "VACA", "XÍCARA", "ZEBRA", "ZÍPER", "BRAÇO", "BRIGA", "BLUSA", "BRANCO", "CRAVO", "CRU", "DRAGÃO", "VIDRO", "ÁRVORE", "ERVILHA", "CHAPÉU", "CHOCOLATE", "GRAMA", "TROVÃO", "FLECHA", "FRIO", "PRONTO", "FLOR"]; const ANO345 = ["NAVIO", "NADA", "NEVE", "NOVO", "OVO", "PATO", "PANELA", "PATA", "PÉ", "PIADA", "PIPOCA", "PIRATA", "RATO", "RENA", "RIO", "ROSA", "RUA", "ROBÔ", "SAPO", "SAPATO", "SEREIA", "SINO", "SOPA", "SOCO", "SUCO", "PÁSSARO", "PRESENTE", "TRATOR", "MONTANHA", "MOCHILA", "MACHUCADO", "PRETO", "CAMINHÃO", "HORTA", "CORRETIVO", "TAPETE", "TIGRE", "TOMADA", "VACA", "XÍCARA", "ZEBRA", "ZÍPER", "BRAÇO", "BRIGA", "BLUSA", "BRANCO", "CRAVO", "CRU", "DRAGÃO", "VIDRO", "ÁRVORE", "ERVILHA", "CHAPÉU", "CHOCOLATE", "GRAMA", "TROVÃO", "FLECHA", "FRIO", "PRONTO", "FLOR", "FRACO", "PRATO", "PLANTA", "VENTILADOR", "VENTO", "LANCHE", "GRANDE", "LIVRO", "LIVRE", "ALMOFADA", "BRINCO", "GELADEIRA", "BICICLETA", "BRIGADEIRO", "AMIZADE", "LIBERDADE", "LIBÉLULA", "BRINCADEIRA", "ANIVERSÁRIO", "TELEFONE", "ENVELOPE", "ANTIGO", "EMPADA", "BOMBOM", "PAREDE", "NATUREZA", "PROFESSOR", "HELICÓPTERO", "FAXINA", "REPOLHO", "CHINELO", "CHOCALHO", "FOLHA", "FARINHA", "GALINHA", "DINHEIRO", "MINHOCA", "NINHO", "RELÂMPAGO", "TEMPESTADE", "CHUVA", "SINCERO", "NUBLADO", "ENSOLARADO", "INTELIGENTE", "BORBOLETA", "GIRASSOL", "COMPUTADOR", "CACHORRO", "ENERGIA", "ESCURIDÃO", "BIBLIOTECA", "GRÁVIDA", "FOTOGRAFIA", "ASSUSTADO", "RAINHA", "IMAGINAÇÃO", "ESCONDER", "ENGENHEIRO", "TELEVISÃO", "PORTA", "HOSPITAL", "FORMIGA", "ASTRONAUTA", "BORRACHA", "TRAVESSEIRO", "FUTEBOL", "GOLEIRO", "MARAVILHOSO", "PERIGO", "CORREDOR", "PARQUE", "QUEIJO", "FELICIDADE", "DENTADURA", "CACHEADO", "REFRIGERANTE", "AVIÃO", "CIENTISTA", "BATOM"]; function palavrasDoAno(ano) { if (ano === "1") return ANO1; if (ano === "2") return ANO1.concat(ANO2_EXTRA); return ANO345; } const TEXTOS = { "1": { titulo: "O Gato e o Pato", caixaAlta: true, linhas: ["O GATO VIU O PATO.", "O PATO PULA NA LAMA.", "O GATO PULA NA GRAMA.", "O PATO NADA NO LAGO.", "O GATO MIA NA CASA.", "O PATO FAZ QUAC, QUAC!", "O GATO E O PATO SÃO AMIGOS."] }, "2": { titulo: "O Passeio de Bia", caixaAlta: false, linhas: ["Bia foi ao parque com sua mãe. Ela levou uma bola vermelha. No parque, Bia viu um cachorro e uma borboleta. O cachorro correu atrás da bola. A borboleta voou bem alto no céu. Bia deu risada e correu atrás do cachorro. Foi um dia muito divertido no parque!"] }, "345": { titulo: "O Mistério da Mochila Azul", caixaAlta: false, linhas: ["João chegou da escola e notou algo diferente. Sua mochila azul estava aberta, e o estojo não estava no lugar. Ele procurou debaixo da cama, atrás da porta e até no quintal. Quando foi à sala, viu seu cachorro com o estojo na boca! João riu alto, pegou o estojo e disse: — Você é um cachorro muito curioso!"] }, }; function textoDoAno(ano) { return ano === "1" ? TEXTOS["1"] : ano === "2" ? TEXTOS["2"] : TEXTOS["345"]; } // Tokeniza em grupos (linhas), com índice global por palavra. function tokenizeTexto(t) { let i = 0; const grupos = (t.linhas || []).map((ln) => ln.split(/\s+/).filter(Boolean).map((w) => ({ i: i++, w }))); return { grupos, total: i }; } // ---------------- Tabela de proficiência (palavras/min) ---------------- const TABELA = { "1": { basico: 15, adequado: 35, avancado: 60, disp: ["< 15", "15–34", "35–59", "> 59"] }, "2": { basico: 35, adequado: 60, avancado: 85, disp: ["< 35", "35–59", "60–84", "> 84"] }, "3": { basico: 60, adequado: 85, avancado: 100, disp: ["< 60", "60–84", "85–99", "> 99"] }, "4": { basico: 85, adequado: 100, avancado: 115, disp: ["< 85", "85–99", "100–114", "> 114"] }, "5": { basico: 100, adequado: 115, avancado: 125, disp: ["< 100", "100–114", "115–124", "> 124"] }, }; const NIVEIS = [ { key: "abaixo", l: "Abaixo do Básico", col: "#DC2626" }, { key: "basico", l: "Básico", col: "#F59E0B" }, { key: "adequado", l: "Adequado", col: "#EAB308" }, { key: "avancado", l: "Avançado", col: "#16A34A" }, ]; function classificar(ano, total) { const t = TABELA[ano]; if (!t) return null; if (total < t.basico) return NIVEIS[0]; if (total < t.adequado) return NIVEIS[1]; if (total < t.avancado) return NIVEIS[2]; return NIVEIS[3]; } const INSTRUCOES = [ "Vá para um lugar silencioso.", "Grave o áudio para ouvir quando necessário.", "É indicado 1 minuto para leitura de palavras e 2 minutos para leitura do texto.", "Peça para a criança realizar a leitura da melhor forma que puder.", "Você pode apontar as palavras e frases se achar melhor para o aluno.", "Utilize um cronômetro ou relógio para marcar o tempo e encerre-o após os minutos indicados.", "Após os testes, faça o registro dos erros e acertos.", "Analise cada criança de acordo com a tabela de proficiência leitora — palavras lidas por minuto.", ]; const SI = { width: 32, height: 32, borderRadius: 10, background: "var(--primary-soft)", color: "var(--primary)", display: "grid", placeItems: "center", flex: "none" }; const fmtTempo = (s) => { s = Math.max(0, Math.floor(s || 0)); const m = Math.floor(s / 60); const ss = s % 60; return m + ":" + (ss < 10 ? "0" : "") + ss; }; // Som de sino sintetizado (Web Audio API — sem arquivo). vezes = 1 (início) ou 2 (fim). function tocarSino(vezes) { try { const AC = window.AudioContext || window.webkitAudioContext; if (!AC) return; const ctx = new AC(); if (ctx.resume) { try { ctx.resume(); } catch (e) { /* */ } } const badalada = (t0) => { [880, 1320, 2640].forEach((f, i) => { const osc = ctx.createOscillator(); const g = ctx.createGain(); osc.type = "sine"; osc.frequency.value = f; const vol = [0.35, 0.18, 0.08][i]; g.gain.setValueAtTime(0.0001, t0); g.gain.exponentialRampToValueAtTime(vol, t0 + 0.008); g.gain.exponentialRampToValueAtTime(0.0001, t0 + 1.3); osc.connect(g); g.connect(ctx.destination); osc.start(t0); osc.stop(t0 + 1.35); }); }; const now = ctx.currentTime; const n = vezes || 1; for (let k = 0; k < n; k++) badalada(now + k * 0.42); setTimeout(() => { try { ctx.close(); } catch (e) { /* */ } }, 900 + n * 500); } catch (e) { /* */ } } // ---------------- Player de áudio (play/pause, seek, velocidade) ---------------- function AudioPlayer({ src }) { const ref = useRef(null); const [playing, setPlaying] = useState(false); const [cur, setCur] = useState(0); const [dur, setDur] = useState(0); const [rate, setRate] = useState(1); useEffect(() => { const a = ref.current; if (!a) return; let fixing = false; const setD = () => { if (isFinite(a.duration) && a.duration > 0) setDur(a.duration); }; const onLoaded = () => { if (!isFinite(a.duration) || a.duration === 0) { fixing = true; try { a.currentTime = 1e101; } catch (e) { /* */ } } else setD(); }; const onTime = () => { if (!fixing) setCur(a.currentTime || 0); }; const onDur = () => { if (fixing && isFinite(a.duration)) { fixing = false; setD(); try { a.currentTime = 0; } catch (e) { /* */ } setCur(0); } }; const onEnd = () => setPlaying(false); a.addEventListener("loadedmetadata", onLoaded); a.addEventListener("durationchange", onDur); a.addEventListener("timeupdate", onTime); a.addEventListener("ended", onEnd); if (a.readyState >= 1) onLoaded(); return () => { a.removeEventListener("loadedmetadata", onLoaded); a.removeEventListener("durationchange", onDur); a.removeEventListener("timeupdate", onTime); a.removeEventListener("ended", onEnd); }; }, [src]); const toggle = () => { const a = ref.current; if (!a) return; if (a.paused) { a.play(); setPlaying(true); } else { a.pause(); setPlaying(false); } }; const seek = (e) => { const a = ref.current; if (!a) return; const t = parseFloat(e.target.value); a.currentTime = t; setCur(t); }; const setSpeed = (r) => { const a = ref.current; if (a) a.playbackRate = r; setRate(r); }; return (
); } // ---------------- Gravador com cronômetro regressivo ---------------- function Gravador({ durationSec, hasAudio, onAudio }) { const [rec, setRec] = useState(false); const [remaining, setRemaining] = useState(durationSec); const [flash, setFlash] = useState(false); const mrRef = useRef(null); const timerRef = useRef(null); const streamRef = useRef(null); function stop() { if (timerRef.current) { clearInterval(timerRef.current); timerRef.current = null; } const mr = mrRef.current; if (mr && mr.state !== "inactive") { try { mr.stop(); } catch (e) { /* */ } } setRec(false); } function start() { if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia || !window.MediaRecorder) { alert("Gravação de áudio não suportada neste navegador."); return; } stop(); navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => { streamRef.current = stream; const mr = new MediaRecorder(stream); const chunks = []; mr.ondataavailable = (e) => { if (e.data && e.data.size) chunks.push(e.data); }; mr.onstop = () => { stream.getTracks().forEach((t) => t.stop()); const blob = new Blob(chunks, { type: mr.mimeType || "audio/webm" }); const r = new FileReader(); r.onloadend = () => onAudio(r.result); r.readAsDataURL(blob); }; mrRef.current = mr; setRemaining(durationSec); setRec(true); mr.start(); tocarSino(1); // sino de início timerRef.current = setInterval(() => setRemaining((x) => x - 1), 1000); }).catch(() => alert("Não foi possível acessar o microfone — verifique a permissão do navegador.")); } useEffect(() => { if (rec && remaining <= 0) { setFlash(true); tocarSino(2); setTimeout(() => setFlash(false), 1500); stop(); } }, [remaining, rec]); useEffect(() => () => { if (timerRef.current) clearInterval(timerRef.current); const s = streamRef.current; if (s) s.getTracks().forEach((t) => t.stop()); }, []); return (
{!rec ? : } {rec && ⏱ {fmtTempo(Math.max(0, remaining))}} {flash && ⏰ Tempo encerrado!} {!rec && hasAudio && áudio gravado}
); } // Estilo de uma palavra tocável (lida/erro/não lida) function estiloPalavra(i, lastIdx, erros, big) { const lida = lastIdx >= 0 && i <= lastIdx; const erro = erros.indexOf(i) >= 0; return { cursor: "pointer", userSelect: "none", borderRadius: 7, padding: big ? "6px 8px" : "2px 5px", textAlign: "center", fontSize: big ? 17 : 16, fontWeight: 700, lineHeight: 1.35, transition: "background .1s", background: erro ? "#DC2626" : (lida ? "var(--primary-soft)" : "transparent"), color: erro ? "#fff" : (lida ? "var(--text)" : "var(--text-3)"), border: "1px solid " + (erro ? "#DC2626" : (i === lastIdx ? "var(--primary)" : "transparent")), }; } // ---------------- Componente principal ---------------- function Fluencia({ onBack, onOpenPatient }) { const ETAPA0 = { audio: "", lastIdx: -1, erros: [] }; const [view, setView] = useState("ident"); // ident | palavras | texto | resultado const [pid, setPid] = useState(""); const [avalId, setAvalId] = useState(null); const [readonly, setReadonly] = useState(false); const [ano, setAno] = useState(""); const [date, setDate] = useState((window.todayISO ? window.todayISO() : "2026-06-04")); const [dados, setDados] = useState({ palavras: { ...ETAPA0 }, texto: { ...ETAPA0 }, obs: "" }); const [savedJson, setSavedJson] = useState(""); const [savedAt, setSavedAt] = useState(null); const [dirty, setDirty] = useState(false); const [saving, setSaving] = useState(false); const [toast, setToast] = useState(null); const [leaveGuard, setLeaveGuard] = useState(null); const [showClear, setShowClear] = useState(false); const [instrOpen, setInstrOpen] = useState(true); const [modo, setModo] = useState({ palavras: "last", texto: "last" }); // last | err const [err, setErr] = useState(""); const patient = (window.PATIENTS || []).find((p) => p.id === pid); const listaAvals = pid ? avalsDoPaciente(pid) : []; const STEPS = ["Identificação", "Palavras", "Texto", "Resultado"]; const stepIdx = { ident: 1, palavras: 2, texto: 3, resultado: 4 }[view]; useEffect(() => { if (!dirty) return; const h = (e) => { e.preventDefault(); e.returnValue = ""; return ""; }; window.addEventListener("beforeunload", h); return () => window.removeEventListener("beforeunload", h); }, [dirty]); useEffect(() => { if (!toast) return; const id = setTimeout(() => setToast(null), toast.kind === "err" ? 5000 : 2600); return () => clearTimeout(id); }, [toast]); function goTop() { const el = document.querySelector(".main-scroll"); if (el) el.scrollTop = 0; } function limparInstancia() { setAvalId(null); setReadonly(false); setAno(""); setDados({ palavras: { ...ETAPA0 }, texto: { ...ETAPA0 }, obs: "" }); setSavedJson(""); setSavedAt(null); setDirty(false); } function resetTudo() { limparInstancia(); setPid(""); setDate((window.todayISO ? window.todayISO() : "2026-06-04")); setErr(""); setView("ident"); } function pickPatient(id) { setPid(id); limparInstancia(); } function novaAvaliacao() { if (!pid) { setErr("Selecione o paciente."); return; } if (!ano) { setErr("Selecione o ano escolar."); return; } const id = newAvalId(); const base = { palavras: { ...ETAPA0 }, texto: { ...ETAPA0 }, obs: "" }; try { putAval({ id, pid, patientName: patient ? patient.name : "", date, ano, dados: base, finalizada: false, savedAt: null, createdAt: Date.now(), finishedAt: null }); } catch (e) { /* */ } setAvalId(id); setReadonly(false); setDados(base); setSavedJson(JSON.stringify(base)); setSavedAt(null); setDirty(false); setErr(""); setView("palavras"); goTop(); } function abrirAval(a, ro) { setAvalId(a.id); setReadonly(!!ro); setPid(a.pid); setAno(a.ano || ""); setDate(a.date || (window.todayISO ? window.todayISO() : "2026-06-04")); const d = a.dados || { palavras: { ...ETAPA0 }, texto: { ...ETAPA0 }, obs: "" }; setDados(d); setSavedJson(JSON.stringify(d)); setSavedAt(a.savedAt); setDirty(false); setErr(""); setView("palavras"); goTop(); } function setEtapa(which, patch) { if (readonly) return; setDados((d) => ({ ...d, [which]: { ...d[which], ...patch } })); setDirty(true); } function setObs(v) { if (readonly) return; setDados((d) => ({ ...d, obs: v })); setDirty(true); } function tapWord(which, i) { if (readonly) return; if (modo[which] === "last") { setEtapa(which, { lastIdx: i }); } else { const cur = dados[which].erros; const has = cur.indexOf(i) >= 0; setEtapa(which, { erros: has ? cur.filter((x) => x !== i) : cur.concat(i) }); } } // contagens const lidas = (w) => (dados[w].lastIdx >= 0 ? dados[w].lastIdx + 1 : 0); const errosN = (w) => dados[w].erros.length; const lidasPal = lidas("palavras"), lidasTxt = lidas("texto"); const total = lidasPal + lidasTxt; const classif = ano ? classificar(ano, total) : null; function persistAval(finalizar) { const when = new Date().toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" }); const prev = loadAval(avalId); const a = { id: avalId, pid, patientName: patient ? patient.name : "", date, ano, dados, finalizada: !!finalizar, savedAt: when, createdAt: (prev && prev.createdAt) || Date.now(), finishedAt: finalizar ? Date.now() : (prev && prev.finishedAt) || null, total, classif: classif ? classif.l : null }; putAval(a); return { when, a }; } async function salvar() { if (readonly) return false; if (!avalId) { setErr("Inicie uma avaliação primeiro."); return false; } setSaving(true); setToast(null); try { const { when } = persistAval(false); setSavedJson(JSON.stringify(dados)); setSavedAt(when); setDirty(false); setToast({ kind: "ok", text: "Avaliação salva" }); return true; } catch (e) { setToast({ kind: "err", text: window.classifyStorageError ? window.classifyStorageError(e) : "Não foi possível salvar — tente novamente." }); return false; } finally { setSaving(false); } } function gravarNoProntuario(a) { if (!window.addAvaliacao) return; const cl = a.classif || "—"; const result = `${a.total} palavras/min · ${cl} (${a.ano}º ano)`; const note = `Fluência Leitora (${a.ano}º ano). Palavras (lista): ${lidasPal}, texto: ${lidasTxt}, total: ${a.total}. Erros: lista ${errosN("palavras")}, texto ${errosN("texto")}. Classificação: ${cl}.`; window.addAvaliacao({ pid: a.pid, name: INSTRUMENT_NAME, date: a.date, result, note, sheet: { kind: "fluencia-final", avalId: a.id, ano: a.ano, total: a.total, classif: cl } }); } async function finalizar() { if (readonly || !avalId) return; setSaving(true); setToast(null); try { const { a } = persistAval(true); gravarNoProntuario(a); setDirty(false); setToast({ kind: "ok", text: "Avaliação finalizada e salva no prontuário" }); resetTudo(); goTop(); } catch (e) { console.error("[Fluência] finalizar:", e); setToast({ kind: "err", text: "Não foi possível finalizar — tente novamente." }); } finally { setSaving(false); } } function guardedLeave(proceed) { if (dirty) setLeaveGuard({ proceed }); else proceed(); } function discardAndLeave() { try { setDados(JSON.parse(savedJson)); } catch (e) { /* */ } setDirty(false); const p = leaveGuard && leaveGuard.proceed; setLeaveGuard(null); if (p) p(); } async function saveAndLeave() { const ok = await salvar(); if (!ok) return; const p = leaveGuard && leaveGuard.proceed; setLeaveGuard(null); if (p) p(); } function apagarDoPaciente() { if (!pid) return; try { const all = loadAvals(); Object.keys(all).forEach((id) => { if (all[id] && all[id].pid === pid) delete all[id]; }); saveAvals(all); } catch (e) { /* */ } setShowClear(false); limparInstancia(); setToast({ kind: "ok", text: "Avaliações desta criança apagadas." }); } const accordion = (open, toggle, icon, title) => ( ); // Render de uma etapa (palavras ou texto) function renderEtapa(which, palavrasArr, textoTok, durationSec, titulo, tempoLabel) { const d = dados[which]; const modoAtual = modo[which]; const setModoW = (m) => setModo((o) => ({ ...o, [which]: m })); return ( <>
{titulo} ({tempoLabel})
{!readonly && setEtapa(which, { audio: a })} />} {d.audio ?
:

Grave a leitura da criança e depois ouça para corrigir tocando nas palavras.

}
Correção por toque {!readonly && (
)}

{modoAtual === "last" ? "Toque na última palavra que a criança leu." : "Toque nas palavras lidas erradas (toque de novo para desfazer)."} {which === "palavras" ? `${palavrasArr.length} palavras.` : ""}

{which === "palavras" ? (
{palavrasArr.map((w, i) => ( tapWord(which, i)} style={estiloPalavra(i, d.lastIdx, d.erros, false)}>{w} ))}
) : (
{textoTok.grupos.map((g, gi) => (
{g.map((tk) => ( tapWord(which, tk.i)} style={estiloPalavra(tk.i, d.lastIdx, d.erros, true)}>{tk.w} ))}
))}
)}
Palavras lidas{lidas(which)}
Erros{errosN(which)}
); } const anoNum = ano || "1"; const palArr = ano ? palavrasDoAno(ano) : []; const txtObj = ano ? textoDoAno(ano) : { linhas: [] }; const txtTok = tokenizeTexto(txtObj); return (

Fluência Leitora (1º ao 5º ano)

Velocidade e precisão da leitura oral, com classificação por palavras lidas por minuto.

{view !== "ident" && (
{STEPS.map((s, i) => ( ))}
)} {view !== "ident" && (
Aluno(a): {patient ? patient.name : "—"} Ano: {ano}º ano Data: {date} {readonly && Modo consulta (finalizada)}
)} {/* ---------- Identificação ---------- */} {view === "ident" && ( <>
Identificação
setDate(e.target.value)} />

O ano determina a lista de palavras, o texto e a tabela de classificação.

{/* Instruções */}
{accordion(instrOpen, () => setInstrOpen((o) => !o), "fileText", "Instruções de Aplicação")} {instrOpen && (
    {INSTRUCOES.map((t, i) =>
  1. {t}
    2. )}
)}
{err &&

{err}

}
{pid && listaAvals.length > 0 && ( <>

AVALIAÇÕES DESTA CRIANÇA

{(() => { const finais = listaAvals.filter((a) => a.finalizada && typeof a.total === "number").slice().reverse(); if (finais.length < 2) return null; const vals = finais.map((a) => a.total); const max = Math.max.apply(null, vals) || 1; const W = 300, H = 70, n = finais.length; const pts = finais.map((a, i) => [10 + (i * (W - 20)) / Math.max(1, n - 1), H - 8 - ((a.total / max) * (H - 20))]); const poly = pts.map((p) => p[0].toFixed(1) + "," + p[1].toFixed(1)).join(" "); return (
Evolução — palavras/min
{pts.map((p, i) => )}
{finais.map((a, i) => {a.date} · {a.total})}
); })()} {listaAvals.map((a) => (
{a.patientName || "—"} — {a.ano}º ano {a.finalizada && Finalizada} {a.date}{typeof a.total === "number" ? " · " + a.total + " palavras/min" : ""}{a.classif ? " · " + a.classif : (a.finalizada ? "" : " · em andamento")}
{a.finalizada ? : }
))}
)} )} {/* ---------- Etapa 1: Palavras ---------- */} {view === "palavras" && renderEtapa("palavras", palArr, txtTok, 60, "Leitura de Palavras", "1 minuto")} {/* ---------- Etapa 2: Texto ---------- */} {view === "texto" && ( <>
Texto — {txtObj.titulo}

Peça para a criança ler o texto. Depois corrija por toque abaixo.

{renderEtapa("texto", palArr, txtTok, 120, "Leitura de Texto", "2 minutos")} )} {/* ---------- Resultado ---------- */} {view === "resultado" && ( <>
Resultados
Palavras lidas (lista){lidasPal}
Palavras lidas (texto){lidasTxt}
Erros (lista){errosN("palavras")}
Erros (texto){errosN("texto")}
Total (lista + texto){total}
Classificação — {ano}º ano
{classif && (
{classif.l} · {total} palavras/min
)}
{NIVEIS.map((nv, i) => { const on = classif && classif.key === nv.key; return (
{nv.l}
{TABELA[ano] ? TABELA[ano].disp[i] : ""}
); })}
Observações do examinador