// ═══ GENESIS BUILD saude-m12-grupos-canonicos · 2026-07-12 ═══ // ═══════════ 🧩 FITKIT — raiz de componentes de fitness compartilhados ═══════════ // Consumido pelo Saúde (aluno) E pelo Coach (pré-visualização do professor). // Regra da casa: mudou aqui, mudou nos dois módulos. Nada de hardcodar em cada um. const fitFmtDescanso = seg => `${Math.floor(seg / 60)}m ${String(seg % 60).padStart(2, '0')}s`; // ─── 🧍 FitMapaMuscular: corpo clicável (estilo MuscleWiki) pra filtrar exercícios ─── // grupos canônicos do banco — espelham as regiões do boneco (mesma lista do backend) const FIT_GRUPOS = ['Peito', 'Costas', 'Ombros', 'Bíceps', 'Tríceps', 'Antebraço', 'Core', 'Glúteos', 'Quadríceps', 'Posteriores', 'Panturrilha', 'Cardio']; const FIT_REGIOES = [ { id: 'ombros', nome: 'Ombros', rx: /deltoide|ombro/i }, { id: 'peito', nome: 'Peito', rx: /peitoral|peito/i }, { id: 'biceps', nome: 'Bíceps', rx: /b[íi]ceps|braquial/i }, { id: 'triceps', nome: 'Tríceps', rx: /tr[íi]ceps/i }, { id: 'antebraco', nome: 'Antebraço', rx: /antebra[çc]o|punho|preens[ãa]o/i }, { id: 'core', nome: 'Core / Abdômen',rx: /abd[ôo]men|core|lombar|oblíquo/i }, { id: 'costas', nome: 'Costas', rx: /dorsal|trap[ée]zio|costas|remada/i }, { id: 'gluteos', nome: 'Glúteos', rx: /gl[úu]teo/i }, { id: 'quadriceps', nome: 'Quadríceps', rx: /quadr[íi]ceps|perna(?!.*post)/i }, { id: 'posteriores', nome: 'Posteriores', rx: /posterior|isquio/i }, { id: 'panturrilha', nome: 'Panturrilha', rx: /panturrilha/i }, ]; const fitRegioesDe = (ex) => { const txt = `${(ex && ex.grupo) || ''} ${(ex && ex.musculo) || ''} ${(ex && ex.nome) || ''}`; return FIT_REGIOES.filter(r => r.rx.test(txt)).map(r => r.id); }; // hotspots traçados sobre as imagens anatômicas (tidal/corpo-frente.png 390×768 · tidal/corpo-costas.png 378×768) const FIT_HOTSPOTS = { frente: { img: 'tidal/corpo-frente.png', w: 390, h: 768, regioes: { ombros: [[[96,150],[130,138],[148,152],[140,178],[108,182],[92,166]], [[294,150],[260,138],[242,152],[250,178],[282,182],[298,166]]], peito: [[[148,158],[195,166],[195,232],[150,224],[132,196]], [[242,158],[195,166],[195,232],[240,224],[258,196]]], biceps: [[[96,186],[126,190],[122,258],[96,262],[84,228]], [[294,186],[264,190],[268,258],[294,262],[306,228]]], antebraco: [[[80,268],[112,266],[96,352],[66,346]], [[310,268],[278,266],[294,352],[324,346]]], core: [[[158,238],[232,238],[238,318],[212,352],[178,352],[152,318]]], quadriceps: [[[140,392],[186,384],[190,512],[150,522],[126,470]], [[250,392],[204,384],[200,512],[240,522],[264,470]]], panturrilha: [[[140,548],[180,545],[176,650],[146,652]], [[250,548],[210,545],[214,650],[244,652]]], }}, costas: { img: 'tidal/corpo-costas.png', w: 378, h: 768, regioes: { costas: [[[150,120],[228,120],[240,168],[230,262],[189,296],[148,262],[138,168]]], triceps: [[[94,182],[124,186],[120,258],[92,262],[82,224]], [[284,182],[254,186],[258,258],[286,262],[296,224]]], antebraco: [[[78,268],[110,266],[94,352],[64,346]], [[300,268],[268,266],[284,352],[314,346]]], gluteos: [[[146,330],[188,326],[188,398],[146,394],[132,362]], [[232,330],[190,326],[190,398],[232,394],[246,362]]], posteriores: [[[142,412],[184,408],[186,520],[150,526],[128,472]], [[236,412],[194,408],[192,520],[228,526],[250,472]]], panturrilha: [[[142,548],[182,545],[176,655],[146,656]], [[236,548],[196,545],[202,655],[232,656]]], }}, }; const FitMapaMuscular = ({ selecionadas, onToggle, lang }) => { const [hover, setHover] = React.useState(null); const [semImg, setSemImg] = React.useState(false); const sel = selecionadas || []; const nomes = sel.map(id => (FIT_REGIOES.find(r => r.id === id) || {}).nome).filter(Boolean); const figura = (lado) => { const F = FIT_HOTSPOTS[lado]; return (
{/* container SÓ da arte: overlays alinham 1:1, sem o rótulo esticar nada */} setSemImg(true)} style={{ width: '100%', height: 'auto', display: 'block' }} /> {/* camadas pixel-perfect: o MÚSCULO DO DESENHO acende (máscaras mm-*.png geradas da própria arte) */} {Object.keys(F.regioes).map(id => { const on = sel.includes(id), hv = hover === id; return ( ); })} {/* áreas de clique (invisíveis) */} {Object.keys(F.regioes).map(id => ( onToggle(id)} onMouseEnter={() => setHover(id)} onMouseLeave={() => setHover(null)}> {F.regioes[id].map((pts, i) => ( p.join(',')).join(' ')} fill="rgba(0,0,0,0)" style={{ pointerEvents: 'all' }} /> ))} ))}
{lado === 'frente' ? 'FRENTE' : 'COSTAS'}
); }; return (
{hover ? (FIT_REGIOES.find(r => r.id === hover) || {}).nome : nomes.length ? nomes.join(' · ') : (lang === 'pt' ? 'Nenhum músculo selecionado — clica no corpo' : 'No muscle selected — tap the body')} {semImg ? (
🖼 {lang === 'pt' ? 'faltam as imagens do corpo: sobe corpo-frente.png e corpo-costas.png na pasta public/tidal/ do NAS.' : 'upload corpo-frente.png and corpo-costas.png to public/tidal/.'}
) : (
{figura('frente')}{figura('costas')}
)}
); }; // ─── FitTreinoDoDia: faixa de dias + título + carrossel de cards de exercício ─── // props: week, dayName (hoje), selDia, setSelDia, bank, prsMap, lang, atualizadoEm, // onCardClick(ex), onIniciar (botão 🤳 só aparece se selDia === hoje e onIniciar existir) const FitTreinoDoDia = ({ week, dayName, selDia, setSelDia, bank, prsMap, lang, atualizadoEm, onCardClick, onIniciar }) => { const card = { background: 'var(--surface)', border: '1px solid var(--line-soft)', borderRadius: 16, padding: '15px 17px', boxShadow: 'var(--shadow-sm)' }; return (
{/* ── faixa de dias (Dom → Sáb, selecionado preenchido) ── */}
{['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'].map(d => { const on = d === selDia; const ehHoje = d === dayName; const wd = week.find(x => x.day === d) || {}; const tem = (wd.exercises || []).length > 0; return ( ); })}
{/* ── título do dia ── */} {(() => { const dp = week.find(x => x.day === selDia) || { focus: '', exercises: [] }; const exs = dp.exercises || []; const ehHoje = selDia === dayName; const repsDe = ex => { if (Array.isArray(ex.sets) && ex.sets.length) { const rs = ex.sets.map(st => String(st.reps || '').trim()).filter(Boolean); const nums = rs.map(r => parseInt(r)).filter(n => !isNaN(n)); if (nums.length === rs.length && nums.length) { const mn = Math.min(...nums), mx = Math.max(...nums); return mn === mx ? String(mn) : `${mn}-${mx}`; } return rs[0] || '—'; } return String(ex.reps || '—'); }; const seriesDe = ex => (Array.isArray(ex.sets) && ex.sets.length) ? ex.sets.length : (Number(ex.series) || '—'); const ultimoDe = ex => { const v = prsMap[(ex.nome || '').toLowerCase()]; return v != null ? v : null; }; const linhaInfo = (rot, val, sub) => (
{rot} {val}{sub ? {sub} : null}
); return (
{lang === 'pt' ? 'treino do dia' : "day's workout"}
{dp.focus || (lang === 'pt' ? 'Descanso' : 'Rest')} ({selDia.toUpperCase()}{ehHoje ? (lang === 'pt' ? ' · hoje' : ' · today') : ''})
{dp.nota ?
📝 {dp.nota}
: null} {dp.descanso ?
⏱ {lang === 'pt' ? 'descanso entre séries' : 'rest'}: {Math.floor(dp.descanso / 60)}m {String(dp.descanso % 60).padStart(2, '0')}s
: null} {exs.length > 0 && ehHoje && onIniciar ? ( ) : null} {!exs.length ? (
{lang === 'pt' ? 'descanso. recupera que o mar continua aí amanhã 🌙' : 'rest day 🌙'}
) : (
{exs.map((ex, i) => { const be = bank.find(b => (ex.exercise_id && b.id === ex.exercise_id) || b.nome.toLowerCase() === (ex.nome || '').toLowerCase()) || {}; const ultimo = ultimoDe(ex); return ( {i < exs.length - 1 ? ( ➜ ) : null} ); })}
)} {atualizadoEm ?
{lang === 'pt' ? 'programa atualizado em' : 'updated'} {new Date(atualizadoEm).toLocaleDateString('pt-BR')}
: null} ); })()}
); }; // ═══ GENESIS BUILD saude-viva-ui · 2026-07-11 ═══ // Tidal — Saúde · privacy-first health hub // Privacidade radical: só EU + Prof. de EF (state.health.coach) veem métricas pessoais. // Operação/admin/comunidade nunca veem peso, dieta, diário, treinos pessoais. // Comunidade vê apenas: Cardápio, aulas em grupo (sem inscritos), banco de habilidades. const COACH_ROLE = (state) => state.health?.coach; const IS_COACH = (state) => { const me = state.users.find(u => u.role === state.role) || state.users[0]; return me.id === state.health?.coach; }; const IS_ME = (state) => { const me = state.users.find(u => u.role === state.role) || state.users[0]; return me.id === state.health?.me; }; // ─── Treino e dieta (ligado ao backend /api/saude) ─── const SAUDE_TK = () => localStorage.getItem('genesis_token'); // ═══ AVAL — motor de cálculo da avaliação física (fórmulas da planilha PetroRio Wellness) ═══ const AVAL = { n: v => { const x = parseFloat(String(v ?? '').replace(',', '.')); return isNaN(x) ? null : x; }, idade: nasc => { if (!nasc) return null; const d = new Date(nasc); if (isNaN(d)) return null; const h = new Date(); let i = h.getFullYear() - d.getFullYear(); const m = h.getMonth() - d.getMonth(); if (m < 0 || (m === 0 && h.getDate() < d.getDate())) i--; return i; }, imc: (peso, est) => { const p = AVAL.n(peso), e = AVAL.n(est); return p && e ? p / (e * e) : null; }, classifIMC: imc => imc == null ? null : imc < 18.5 ? ['Abaixo do peso', 'sun'] : imc < 25 ? ['Peso normal', 'leaf'] : imc < 30 ? ['Acima do peso', 'sun'] : imc < 35 ? ['Obesidade 1', 'rose'] : imc < 40 ? ['Obesidade 2', 'rose'] : ['Obesidade 3', 'rose'], fcmaxInbar: idade => idade == null ? null : 205.8 - 0.685 * idade, fcmaxTanaka: idade => idade == null ? null : 208 - 0.7 * idade, zonasFC: (fcRep, fcMax) => { const r = AVAL.n(fcRep), m = AVAL.n(fcMax); if (r == null || m == null) return []; return [60, 70, 80, 90, 100].map(p => ({ pct: p, fc: r + (p / 100) * (m - r) })); }, // dobras: protocolos clássicos → densidade → %MG (Siri). O professor escolhe o protocolo (ou informa %MG direto). densidade: (protocolo, dobras, idade, sexo) => { const d = k => AVAL.n(dobras[k]) || 0; const log10 = x => Math.log(x) / Math.LN10; if (protocolo === 'pollock3') { const S = sexo === 'F' ? d('triceps') + d('suprailiaca') + d('coxa') : d('peitoral') + d('abdominal') + d('coxa'); if (!S || idade == null) return null; return sexo === 'F' ? 1.0994921 - 0.0009929 * S + 0.0000023 * S * S - 0.0001392 * idade : 1.10938 - 0.0008267 * S + 0.0000016 * S * S - 0.0002574 * idade; } if (protocolo === 'pollock7') { const S = d('peitoral') + d('axilar') + d('triceps') + d('subescapular') + d('abdominal') + d('suprailiaca') + d('coxa'); if (!S || idade == null) return null; return sexo === 'F' ? 1.097 - 0.00046971 * S + 0.00000056 * S * S - 0.00012828 * idade : 1.112 - 0.00043499 * S + 0.00000055 * S * S - 0.00028826 * idade; } if (protocolo === 'durnin') { const S = d('biceps') + d('triceps') + d('subescapular') + d('suprailiaca'); if (!S || idade == null) return null; const t = sexo === 'F' ? (idade < 17 ? [1.1369, 0.0598] : idade < 20 ? [1.1549, 0.0678] : idade < 30 ? [1.1599, 0.0717] : idade < 40 ? [1.1423, 0.0632] : idade < 50 ? [1.1333, 0.0612] : [1.1339, 0.0645]) : (idade < 17 ? [1.1533, 0.0643] : idade < 20 ? [1.1620, 0.0630] : idade < 30 ? [1.1631, 0.0632] : idade < 40 ? [1.1422, 0.0544] : idade < 50 ? [1.1620, 0.0700] : [1.1715, 0.0779]); return t[0] - t[1] * log10(S); } return null; }, pctMG: dens => dens ? (495 / dens - 450) : null, somaDobras: dobras => Object.values(dobras || {}).reduce((a, v) => a + (AVAL.n(v) || 0), 0), rcq: (cintura, quadril) => { const c = AVAL.n(cintura), q = AVAL.n(quadril); return c && q ? c / q : null; }, classifRCQ: (rcq, sexo) => rcq == null ? null : (sexo === 'F' ? (rcq <= 0.85 ? ['Normal', 'leaf'] : ['Acima do normal', 'rose']) : (rcq <= 0.90 ? ['Normal', 'leaf'] : ['Acima do normal', 'rose'])), classifCircAbd: (ca, sexo) => { const c = AVAL.n(ca); if (c == null) return null; const lim = sexo === 'F' ? [80, 88] : [94, 102]; return c < lim[0] ? ['Normal', 'leaf'] : c < lim[1] ? ['Aumentado', 'sun'] : ['Substancialmente aumentado', 'rose']; }, fmt: (v, casas) => v == null ? '—' : Number(v).toFixed(casas == null ? 1 : casas), }; // campos das seções da avaliação (rótulos e chaves — a planilha em forma de dados) const AVAL_DOBRAS = [['peitoral','Peitoral'],['axilar','Axilar média'],['triceps','Tríceps'],['subescapular','Subescapular'],['abdominal','Abdominal'],['suprailiaca','Supra-ilíaca'],['coxa','Coxa'],['biceps','Bíceps'],['perna','Perna']]; const AVAL_PERIMETROS = [['per_braco_d','Braço D'],['per_braco_e','Braço E'],['per_peitoral','Peitoral'],['per_cintura','Cintura'],['per_abdomen','Abdômen'],['per_quadril','Quadril'],['per_coxa_d','Coxa D'],['per_coxa_e','Coxa E'],['per_perna_d','Perna D'],['per_perna_e','Perna E']]; const AVAL_FORCA = [['forca_preensao_d','Preensão mão D (kg)'],['forca_preensao_e','Preensão mão E (kg)'],['forca_flexao_bracos','Flexão de braços 60s'],['forca_flexao_tronco','Flexão de tronco 60s'],['forca_salto','Salto vertical (cm)']]; const AVAL_SQUAT = [['sq_nao_agacha','Não consegue agachar'],['sq_lado','Agacha mais pra um lado'],['sq_valgo','Valgo dos joelhos'],['sq_rot_pes','Rot. externa dos pés'],['sq_bracos_frente','Queda dos braços à frente'],['sq_flexao_tronco','Flexão excessiva do tronco'],['sq_bascula','Báscula de quadril'],['sq_pronacao','Pronação dos tornozelos']]; const AVAL_FLEX = [['flex_isquios','Ísquios tibiais'],['flex_rot_ext_quadril','Rot. externa quadril'],['flex_adutores','Adutores do quadril'],['flex_ext_quadril','Extensão do quadril'],['flex_quadriceps','Quadríceps'],['flex_rot_int_quadril','Rot. interna quadril'],['flex_ombros','Flexão dos ombros'],['flex_peitoral','Peitoral'],['flex_rot_ext_ombro','Rot. externa ombro'],['flex_back','Back stretch']]; // ─── ⚡ Prontidão do dia — o número da manhã (estilo Whoop, sem pulseira) ─── const ProntidaoCard = ({ lang }) => { const [p, setP] = useState(null); useEffect(() => { fetch('/api/treino/prontidao', { headers: { Authorization: `Bearer ${SAUDE_TK()}` } }) .then(r => r.ok ? r.json() : null).then(setP).catch(() => {}); }, []); if (!p) return null; if (p.sem_checkin) return (
⚡ {lang === 'pt' ? 'Faz o check-in do dia (sono, energia, humor) e eu te digo a tua prontidão pro treino.' : 'Do your daily check-in to see your training readiness.'}
); const cor = p.score >= 75 ? 'var(--leaf)' : p.score >= 50 ? 'var(--sun)' : 'var(--rose)'; const R = 34, C = 2 * Math.PI * R; const ROTULOS = { sono: lang === 'pt' ? 'sono' : 'sleep', energia: 'energia', humor: 'humor', agua: 'água', descanso: 'descanso' }; return (
{p.score}
⚡ {lang === 'pt' ? 'prontidão do dia' : 'readiness'}
{p.recomendacao.emoji} {p.recomendacao.frase}
{Object.entries(p.fatores).map(([k, v]) => ( = 70 ? 'var(--ink)' : 'var(--rose)' }}>{ROTULOS[k] || k} {v} ))}
); }; // ─── 🕸 Radar de força — volume por grupo muscular (30d) com evolução de carga ─── const RadarForca = ({ userId, lang }) => { const [radar, setRadar] = useState(null); useEffect(() => { fetch(`/api/treino/radar/${userId || 'me'}`, { headers: { Authorization: `Bearer ${SAUDE_TK()}` } }) .then(r => r.ok ? r.json() : null).then(setRadar).catch(() => {}); }, [userId]); const grupos = (radar && radar.grupos) || []; if (grupos.length < 3) return null; // radar pede pelo menos 3 eixos const top = grupos.slice(0, 6); const maxS = Math.max(...top.map(g => g.series)) || 1; const CX = 110, CY = 100, RMAX = 72; const ponto = (i, frac) => { const ang = (Math.PI * 2 * i / top.length) - Math.PI / 2; return [CX + Math.cos(ang) * RMAX * frac, CY + Math.sin(ang) * RMAX * frac]; }; const poly = top.map((g, i) => ponto(i, Math.max(0.08, g.series / maxS)).join(',')).join(' '); const teia = [0.33, 0.66, 1].map(f => top.map((g, i) => ponto(i, f).join(',')).join(' ')); return (
🕸 {lang === 'pt' ? 'radar de força · 30 dias' : 'strength radar · 30d'}
{lang === 'pt' ? 'Volume de séries por grupo — o buraco na teia é o ponto fraco.' : 'Set volume by muscle group.'}
{teia.map((t, i) => )} {top.map((g, i) => { const [x, y] = ponto(i, 1); return ; })} {top.map((g, i) => { const [x, y] = ponto(i, 1.16); return {g.grupo.length > 11 ? g.grupo.slice(0, 10) + '…' : g.grupo}; })}
{top.map(g => { const evol = g.carga_max != null && g.carga_anterior != null ? g.carga_max - g.carga_anterior : null; return (
{g.grupo} · {g.series} série{g.series > 1 ? 's' : ''} {g.carga_max != null ? `${g.carga_max}kg` : '—'} {evol != null && evol !== 0 ? 0 ? 'var(--leaf)' : 'var(--rose)', fontWeight: 700, marginLeft: 5 }}>{evol > 0 ? '▲' : '▼'}{Math.abs(evol)} : null}
); })}
); }; // ─── 🏠 Foco em Terra — o código do aluno + treinos de casa validados ─── const CasaCard = ({ state, lang }) => { const [casa, setCasa] = useState([]); const gid = (state.currentUser && state.currentUser.genesis_id) || ''; const codigo = gid ? `GYM-${gid}` : null; useEffect(() => { fetch('/api/treino/casa/me', { headers: { Authorization: `Bearer ${SAUDE_TK()}` } }) .then(r => r.ok ? r.json() : []).then(d => setCasa(Array.isArray(d) ? d : [])).catch(() => {}); }, []); if (!codigo) return null; const copiar = () => { try { navigator.clipboard.writeText(codigo); } catch (e) {} }; return (
🏠 {lang === 'pt' ? 'foco em terra' : 'home training'}
{lang === 'pt' ? 'De folga? Treina, tira foto e manda com teu código pro professor (WhatsApp). Ele valida aqui e o dia conta pro streak 🔥 e pra conquista 🏠.' : 'On leave? Train, snap a photo and send it with your code to the coach.'}
{codigo} {casa.length ? ✓ {casa.length} {lang === 'pt' ? 'treino(s) em terra validados' : 'validated'} : null}
{casa.length ? (
{casa.slice(0, 10).map(c => ( 🏠 {new Date(String(c.dia).split('T')[0] + 'T12:00').toLocaleDateString('pt-BR', { day: '2-digit', month: '2-digit' })} ))}
) : null}
); }; // ─── vídeo em tela grande (toca na janelinha → expande) ─── const SaudeVideoZoom = ({ src, poster, nome, onClose }) => (
{ e.stopPropagation(); onClose(); }} style={{ position: 'fixed', inset: 0, zIndex: 900, background: 'rgba(10,14,16,0.92)', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: 14 }}>
); const WeightProgress = ({ hist }) => { const data = hist.slice().reverse().map(h => Number(h.carga)).filter(n => !isNaN(n)); if (data.length < 2) return null; const min = Math.min(...data), max = Math.max(...data), range = (max - min) || 1; const W = 300, H = 50, pad = 4; const pts = data.map((v, i) => `${pad + i / (data.length - 1) * (W - 2 * pad)},${pad + (1 - (v - min) / range) * (H - 2 * pad)}`).join(' '); const delta = data[data.length - 1] - data[0]; return (
= 0 ? 'var(--leaf)' : 'var(--accent)' }}>{delta >= 0 ? '+' : ''}{delta.toFixed(1)} kg
); }; const ExerciseModal = ({ ex, bank, lang, onClose, onLogged }) => { const [videoZoom, setVideoZoom] = useState(false); const be = bank.find(b => (ex.exercise_id && b.id === ex.exercise_id) || b.nome.toLowerCase() === (ex.nome || '').toLowerCase()); const [carga, setCarga] = useState(''); const [reps, setReps] = useState(ex.reps || (be && be.def_reps) || ''); const [nota, setNota] = useState(''); const [hist, setHist] = useState([]); const [saving, setSaving] = useState(false); useEffect(() => { if (!be) return; fetch(`/api/saude/weightlog?exercise_id=${be.id}&limit=12`, { headers: { Authorization: `Bearer ${SAUDE_TK()}` } }) .then(r => r.ok ? r.json() : []).then(d => setHist(Array.isArray(d) ? d : [])).catch(() => {}); }, [be && be.id]); const save = async () => { if (!carga) return; setSaving(true); try { const res = await fetch('/api/saude/weightlog', { method: 'POST', headers: { Authorization: `Bearer ${SAUDE_TK()}`, 'Content-Type': 'application/json' }, body: JSON.stringify({ exercise_id: be ? be.id : null, exercise_nome: ex.nome, carga, reps, nota }) }); if (res.ok) { const row = await res.json(); setHist(h => [row, ...h]); setCarga(''); setNota(''); onLogged && onLogged(); } } catch (e) { } finally { setSaving(false); } }; const inp = { width: '100%', boxSizing: 'border-box', minWidth: 0 }; return (
e.stopPropagation()} style={{ width: '100%', maxWidth: 520, background: 'var(--cream)', borderRadius: 22, boxShadow: 'var(--shadow-lg)', border: '1px solid var(--line-soft)', overflow: 'hidden', animation: 'slideIn .25s cubic-bezier(.2,.7,.3,1) both' }}>
{(be && be.grupo) || (lang === 'pt' ? 'exercício' : 'exercise')}
{ex.nome}
{be && be.media_url ? (
setVideoZoom(true)} title={lang === 'pt' ? 'Toca pra ampliar' : 'Tap to enlarge'} style={{ position: 'relative', cursor: 'zoom-in' }}>
) : be && be.image_url ? ( ) : (
🏋️
{lang === 'pt' ? 'Sem mídia de execução ainda.' : 'No demo media yet.'}
)} {be && be.musculo &&
{lang === 'pt' ? 'Músculo' : 'Muscle'}: {be.musculo}
} {be && be.instrucao &&
{be.instrucao}
} {be && be.video_url && ▶ {lang === 'pt' ? 'Ver vídeo' : 'Watch video'}}
{ex.series}×{ex.reps} {lang === 'pt' ? 'prescrito' : 'target'}: {ex.carga || '-'}
{lang === 'pt' ? 'registrar carga de hoje' : "log today's weight"}
setCarga(e.target.value)} />
setReps(e.target.value)} />
setNota(e.target.value)} />
{hist.length > 0 && (
{lang === 'pt' ? 'histórico' : 'history'}
{hist.slice(0, 6).map(h => (
{new Date(h.data).toLocaleDateString('pt-BR')} {h.carga} kg{h.reps ? ` · ${h.reps}` : ''}
))}
)}
{videoZoom && be && be.media_url ? setVideoZoom(false)} /> : null}
); }; const TreinoDietaView = ({ state, setPage, lang, toast, me }) => { const [plan, setPlan] = useState(null); const [bank, setBank] = useState([]); const [loading, setLoading] = useState(true); const [modalEx, setModalEx] = useState(null); const [diet, setDiet] = useState(null); const [dlog, setDlog] = useState({ consumidas: [], agua: 0 }); const [openSub, setOpenSub] = useState(null); const [selDia, setSelDia] = useState(['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'][new Date().getDay()]); const [prsMap, setPrsMap] = useState({}); const load = async () => { try { const hdr = { headers: { Authorization: `Bearer ${SAUDE_TK()}` } }; const [pRes, bRes, dRes, lRes] = await Promise.all([ fetch('/api/saude/plan/me', hdr), fetch('/api/saude/exercises', hdr), fetch('/api/saude/diet/me', hdr), fetch('/api/saude/dietlog', hdr), ]); if (pRes.ok) setPlan(await pRes.json()); if (bRes.ok) { const b = await bRes.json(); setBank(Array.isArray(b) ? b : []); } if (dRes.ok) setDiet(await dRes.json()); if (lRes.ok) setDlog(await lRes.json()); } catch (e) { console.error(e); } finally { setLoading(false); } }; useEffect(() => { load(); }, []); useEffect(() => { fetch('/api/treino/prs/me', { headers: { Authorization: `Bearer ${SAUDE_TK()}` } }) .then(r => r.ok ? r.json() : null) .then(d => { if (!d || !Array.isArray(d.exercicios)) return; const m = {}; d.exercicios.forEach(e => { const prog = e.progressao || []; if (prog.length) m[(e.nome || '').toLowerCase()] = Number(prog[prog.length - 1].carga); }); setPrsMap(m); }).catch(() => {}); }, []); const today = new Date(); const dayName = ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'][today.getDay()]; const week = (plan && plan.week) || []; const todayPlan = week.find(d => d.day === dayName) || week[0] || { focus: '', exercises: [] }; const card = { background: 'var(--surface)', border: '1px solid var(--line-soft)', borderRadius: 16, padding: '15px 17px', boxShadow: 'var(--shadow-sm)' }; // dieta (backend) const todayISO = today.toISOString().split('T')[0]; const refeicoes = (diet && diet.refeicoes) || []; const consumidas = dlog.consumidas || []; const metaKcal = (diet && diet.meta_kcal) || 0; const consumedKcal = refeicoes.reduce((s, r, i) => s + (consumidas.includes(i) ? (r.kcal || 0) : 0), 0); const macroMeta = (diet && diet.macros) || { proteina: 0, carbo: 0, gordura: 0 }; const macroTot = refeicoes.reduce((a, r, i) => { if (consumidas.includes(i) && r.macros) { a.p += r.macros.p || 0; a.c += r.macros.c || 0; a.f += r.macros.f || 0; } return a; }, { p: 0, c: 0, f: 0 }); const saveDlog = async (next) => { setDlog(next); try { await fetch('/api/saude/dietlog', { method: 'PUT', headers: { Authorization: `Bearer ${SAUDE_TK()}`, 'Content-Type': 'application/json' }, body: JSON.stringify({ dia: todayISO, consumidas: next.consumidas, agua: next.agua }) }); } catch (e) { } }; const toggleMeal = (i) => { const c = consumidas.includes(i) ? consumidas.filter(x => x !== i) : [...consumidas, i]; saveDlog({ ...dlog, consumidas: c }); }; const setWater = (delta) => saveDlog({ ...dlog, agua: Math.max(0, Math.round((dlog.agua + delta) * 4) / 4) }); if (loading) return
{lang === 'pt' ? 'carregando…' : 'loading…'}
; return (
{plan && plan.demo && (
ℹ️ {lang === 'pt' ? 'Plano de demonstração — seu professor ainda não montou o treino oficial.' : "Demo plan — your coach hasn't set your program yet."}
)} setModalEx(ex)} onIniciar={setPage ? () => setPage('treino') : null} /> {diet && (
{lang === 'pt' ? 'dieta · hoje' : 'diet · today'}
{lang === 'pt' ? 'consumido' : 'eaten'} {consumedKcal} / {metaKcal} kcal
{/* macros */}
{[[lang === 'pt' ? 'Proteína' : 'Protein', macroTot.p, macroMeta.proteina, 'var(--accent)'], [lang === 'pt' ? 'Carbo' : 'Carbs', macroTot.c, macroMeta.carbo, 'var(--sun)'], [lang === 'pt' ? 'Gordura' : 'Fat', macroTot.f, macroMeta.gordura, 'var(--teal)']].map(([lb, v, m, col]) => (
{lb}{v}/{m}g
))}
{/* refeições */}
{refeicoes.map((r, i) => { const on = consumidas.includes(i); return (
{r.hora || ''}
{r.refeicao}
{(r.alimentos || []).join(', ')}
{r.kcal} kcal
{r.macros &&
P{r.macros.p} C{r.macros.c} G{r.macros.f}
}
{r.substituicoes && r.substituicoes.length > 0 && (
{openSub === i &&
{r.substituicoes.join(' · ')}
}
)}
); })}
{/* água */}
💧 {lang === 'pt' ? 'Hidratação' : 'Hydration'}
{dlog.agua}L / {diet.agua_meta || 0}L
{diet.demo &&
ℹ️ {lang === 'pt' ? 'Dieta de demonstração — seu professor ainda não montou a oficial.' : "Demo diet — your coach hasn't set the official one yet."}
}
)} {modalEx && setModalEx(null)} onLogged={() => toast.push({ icon: 'check', title: lang === 'pt' ? 'Carga registrada' : 'Weight logged' })} />}
); }; // gráfico de evolução por sessão de medição const MEASURE_META = { peso: { l: 'Peso', u: 'kg', color: 'var(--accent)', lowerBetter: true }, gordura: { l: 'Gordura', u: '%', color: 'var(--sun)', lowerBetter: true }, massa_magra: { l: 'Massa magra', u: 'kg', color: 'var(--leaf)', lowerBetter: false }, cintura: { l: 'Cintura', u: 'cm', color: 'var(--teal)', lowerBetter: true }, peitoral: { l: 'Peitoral', u: 'cm', color: '#8A6FB0', lowerBetter: false }, braco: { l: 'Braço', u: 'cm', color: '#B0795C', lowerBetter: false }, coxa: { l: 'Coxa', u: 'cm', color: '#5C8AB8', lowerBetter: false }, }; const dmBR = iso => (iso || '').slice(5).split('-').reverse().join('/'); // ─── 📈 motor de gráfico de verdade: eixo, grade, área, valores e faixa de referência ─── const SaudeChartSVG = ({ pts, meta, genero }) => { const W = 360, H = 178, padL = 38, padR = 12, padT = 16, padB = 22; const vals = pts.map(p => p.v); const faixa = meta.faixa ? meta.faixa(genero || 'M') : null; let minV = Math.min(...vals), maxV = Math.max(...vals); if (faixa) { minV = Math.min(minV, faixa[0]); maxV = Math.max(maxV, faixa[1]); } const folga = (maxV - minV) * 0.12 || Math.abs(maxV) * 0.05 || 1; minV -= folga; maxV += folga; const range = maxV - minV || 1; const x = i => padL + (pts.length === 1 ? 0.5 : i / (pts.length - 1)) * (W - padL - padR); const y = v => padT + (1 - (v - minV) / range) * (H - padT - padB); const fmtY = v => Math.abs(v) >= 100 ? Math.round(v) : Number(v.toFixed(1)); const grid = [0, 1, 2, 3].map(i => minV + (range * i) / 3); const poly = pts.map((p, i) => `${x(i)},${y(p.v)}`).join(' '); const area = `${padL},${y(pts[0].v)} ${poly} ${x(pts.length - 1)},${H - padB} ${padL},${H - padB}`; const rotularPonto = i => pts.length <= 7 || i === 0 || i === pts.length - 1 || pts[i].v === Math.max(...vals) || pts[i].v === Math.min(...vals); const xLabels = pts.length <= 6 ? pts.map((p, i) => i) : [0, Math.round((pts.length - 1) / 3), Math.round(((pts.length - 1) * 2) / 3), pts.length - 1]; return ( {faixa ? ( faixa saudável ) : null} {grid.map((g, i) => ( {fmtY(g)} ))} {pts.map((p, i) => ( {rotularPonto(i) ? {p.v} : null} ))} {xLabels.map(i => ( {dmBR(pts[i].dia)} ))} ); }; // séries derivadas da AVALIAÇÃO COMPLETA — TUDO que a gente cobra no modal, plotável const AVAL_GRUPOS = [['comp', '🧬 Composição'], ['peri', '📏 Perímetros'], ['forca', '💪 Força'], ['cardio', '❤️ Cardio']]; const AVAL_SERIES = { // composição peso_aval: { g: 'comp', l: 'Peso', u: 'kg', color: 'var(--accent)', lowerBetter: true, calc: d => AVAL.n(d.peso) }, imc: { g: 'comp', l: 'IMC', u: '', color: '#8A6FB0', lowerBetter: true, calc: d => { const v = AVAL.imc(d.peso, d.estatura); return v != null ? Number(v.toFixed(1)) : null; } }, pct_mg: { g: 'comp', l: '% gordura', u: '%', color: 'var(--sun)', lowerBetter: true, faixa: g => g === 'F' ? [18, 28] : [10, 20], calc: d => { const idade = AVAL.idade(d.nascimento); const dens = d.protocolo && d.protocolo !== 'manual' ? AVAL.densidade(d.protocolo, d.dobras || {}, idade, d.sexo || 'M') : null; const v = d.protocolo === 'manual' ? AVAL.n(d.pct_mg) : AVAL.pctMG(dens); return v != null ? Number(Number(v).toFixed(1)) : null; } }, massa_magra_a: { g: 'comp', l: 'Massa magra', u: 'kg', color: 'var(--leaf)', lowerBetter: false, calc: d => AVAL.n(d.massa_magra) }, soma_dobras: { g: 'comp', l: 'Soma de dobras', u: 'mm', color: '#B0795C', lowerBetter: true, calc: d => { const v = AVAL.somaDobras(d.dobras); return v || null; } }, // perímetros per_peitoral: { g: 'peri', l: 'Peitoral', u: 'cm', color: '#8A6FB0', lowerBetter: false, calc: d => AVAL.n(d.per_peitoral) }, per_cintura: { g: 'peri', l: 'Cintura', u: 'cm', color: 'var(--teal)', lowerBetter: true, calc: d => AVAL.n(d.per_cintura) }, per_abdomen: { g: 'peri', l: 'Abdômen', u: 'cm', color: '#5C8AB8', lowerBetter: true, calc: d => AVAL.n(d.per_abdomen) }, per_quadril: { g: 'peri', l: 'Quadril', u: 'cm', color: 'var(--rose)', lowerBetter: true, calc: d => AVAL.n(d.per_quadril) }, rcq: { g: 'peri', l: 'RCQ', u: '', color: '#8A6FB0', lowerBetter: true, calc: d => { const v = AVAL.rcq(d.per_cintura, d.per_quadril); return v != null ? Number(v.toFixed(2)) : null; } }, per_braco_d: { g: 'peri', l: 'Braço D', u: 'cm', color: '#B0795C', lowerBetter: false, calc: d => AVAL.n(d.per_braco_d) }, per_braco_e: { g: 'peri', l: 'Braço E', u: 'cm', color: '#B0795C', lowerBetter: false, calc: d => AVAL.n(d.per_braco_e) }, per_coxa_d: { g: 'peri', l: 'Coxa D', u: 'cm', color: '#5C8AB8', lowerBetter: false, calc: d => AVAL.n(d.per_coxa_d) }, per_coxa_e: { g: 'peri', l: 'Coxa E', u: 'cm', color: '#5C8AB8', lowerBetter: false, calc: d => AVAL.n(d.per_coxa_e) }, per_perna_d: { g: 'peri', l: 'Perna D', u: 'cm', color: 'var(--teal)', lowerBetter: false, calc: d => AVAL.n(d.per_perna_d) }, per_perna_e: { g: 'peri', l: 'Perna E', u: 'cm', color: 'var(--teal)', lowerBetter: false, calc: d => AVAL.n(d.per_perna_e) }, // força preensao_d: { g: 'forca', l: 'Preensão mão D', u: 'kg', color: 'var(--accent)', lowerBetter: false, calc: d => AVAL.n(d.forca_preensao_d) }, preensao_e: { g: 'forca', l: 'Preensão mão E', u: 'kg', color: 'var(--accent-2)', lowerBetter: false, calc: d => AVAL.n(d.forca_preensao_e) }, flexao_bracos: { g: 'forca', l: 'Flexões 60s', u: '', color: 'var(--leaf)', lowerBetter: false, calc: d => AVAL.n(d.forca_flexao_bracos) }, flexao_tronco: { g: 'forca', l: 'Abdominais 60s', u: '', color: '#5C8AB8', lowerBetter: false, calc: d => AVAL.n(d.forca_flexao_tronco) }, salto: { g: 'forca', l: 'Salto vertical', u: 'cm', color: 'var(--rose)', lowerBetter: false, calc: d => AVAL.n(d.forca_salto) }, // cardio fc_repouso: { g: 'cardio', l: 'FC de repouso', u: 'bpm', color: 'var(--rose)', lowerBetter: true, calc: d => AVAL.n(d.fc_repouso) }, fc_max: { g: 'cardio', l: 'FC máxima', u: 'bpm', color: 'var(--accent)', lowerBetter: false, calc: d => { const v = AVAL.n(d.fc_max) || AVAL.fcmaxTanaka(AVAL.idade(d.nascimento)); return v != null ? Math.round(v) : null; } }, }; // faixa saudável também nas medições de gordura MEASURE_META.gordura.faixa = g => g === 'F' ? [18, 28] : [10, 20]; const MeasureChart = ({ sessions, lang, me, userId }) => { const [fonte, setFonte] = useState('med'); // med · aval const [grupo, setGrupo] = useState('comp'); const [sel, setSel] = useState('peso'); const [avals, setAvals] = useState([]); useEffect(() => { fetch(`/api/saude/avaliacoes/${userId || 'me'}`, { headers: { Authorization: `Bearer ${SAUDE_TK()}` } }) .then(r => r.ok ? r.json() : []).then(d => setAvals(Array.isArray(d) ? d : [])).catch(() => {}); }, [userId]); const doGrupo = Object.fromEntries(Object.entries(AVAL_SERIES).filter(([k, v]) => v.g === grupo)); const metas = fonte === 'med' ? MEASURE_META : doGrupo; const m = metas[sel] || metas[Object.keys(metas)[0]]; const chave = metas[sel] ? sel : Object.keys(metas)[0]; const pts = fonte === 'med' ? sessions.map(s => ({ dia: String(s.dia).split('T')[0], v: s[chave] == null ? null : Number(s[chave]) })).filter(p => p.v != null && !isNaN(p.v)) : avals.slice().sort((a, b) => String(a.dia) < String(b.dia) ? -1 : 1) .map(a => { const v = m.calc(a.data || {}); return { dia: String(a.dia).split('T')[0], v: v != null ? Number(Number(v).toFixed(1)) : null }; }) .filter(p => p.v != null && !isNaN(p.v)); const card = { background: 'var(--surface)', border: '1px solid var(--line-soft)', borderRadius: 16, padding: '15px 17px', boxShadow: 'var(--shadow-sm)' }; const vals = pts.map(p => p.v); const last = vals[vals.length - 1]; const dPeriodo = vals.length >= 2 ? last - vals[0] : null; const dUltima = vals.length >= 2 ? last - vals[vals.length - 2] : null; const chipDelta = (d, rotulo) => { if (d == null || d === 0) return null; const bom = m.lowerBetter ? d < 0 : d > 0; return ( {d > 0 ? '▲' : '▼'} {Math.abs(d).toFixed(1)}{m.u} {rotulo} ); }; return (
{lang === 'pt' ? 'evolução' : 'evolution'}
{[['med', lang === 'pt' ? '⚖ Medições' : '⚖ Sessions'], ['aval', lang === 'pt' ? '🩺 Avaliações' : '🩺 Assessments']].map(([id, rot]) => ( ))}
{fonte === 'aval' ? (
{AVAL_GRUPOS.map(([id, rot]) => ( ))}
) : null}
{Object.keys(metas).map(k => ( ))}
{!pts.length ? (
{fonte === 'aval' ? (lang === 'pt' ? 'sem avaliações com esse dado ainda — o professor lança na próxima avaliação física.' : 'no assessments yet.') : (lang === 'pt' ? 'sem medições ainda.' : 'no data')}
) : (
{last} {m.u} {chipDelta(dUltima, lang === 'pt' ? 'vs anterior' : 'vs last')} {chipDelta(dPeriodo, lang === 'pt' ? 'no período' : 'period')}
{pts.length} {fonte === 'aval' ? (lang === 'pt' ? 'avaliações' : 'assessments') : (lang === 'pt' ? 'medições' : 'sessions')}{m.faixa ? ` · ${lang === 'pt' ? 'faixa verde = referência saudável' : 'green band = healthy range'}` : ''}
)}
); }; // ─── delta com setinha (verde melhorou · vermelho piorou · direção do "bom" configurável) ───// ─── delta com setinha (verde melhorou · vermelho piorou · direção do "bom" configurável) ─── const AvalDelta = ({ atual, anterior, unidade, bomQuandoDesce }) => { const a = AVAL.n(atual), b = AVAL.n(anterior); if (a == null || b == null || a === b) return {a === b && a != null ? '=' : ''}; const desceu = a < b; const bom = bomQuandoDesce ? desceu : !desceu; return {desceu ? '▼' : '▲'} {Math.abs(a - b).toFixed(1)}{unidade || ''}; }; // ─── sparkline SVG (série de pontos → linhazinha) ─── const AvalSpark = ({ valores, cor }) => { const vs = (valores || []).map(AVAL.n).filter(v => v != null); if (vs.length < 2) return null; const min = Math.min(...vs), max = Math.max(...vs), rng = (max - min) || 1; const W = 120, H = 34; const pts = vs.map((v, i) => `${(i / (vs.length - 1)) * W},${H - 4 - ((v - min) / rng) * (H - 8)}`).join(' '); return ( ); }; // ─── pill de classificação colorida ─── const AvalPill = ({ classif }) => classif ? ( {classif[0]} ) : null; // ─── avaliação completa em modo leitura (aluno) ─── const AvalDetalheModal = ({ aval, me, onClose }) => { const d = aval.data || {}; const idade = AVAL.idade(d.nascimento || (me && me.data_nascimento)); const sexo = d.sexo || 'M'; const imc = AVAL.imc(d.peso, d.estatura); const dens = d.protocolo && d.protocolo !== 'manual' ? AVAL.densidade(d.protocolo, d.dobras || {}, idade, sexo) : null; const pctMG = d.protocolo === 'manual' ? AVAL.n(d.pct_mg) : AVAL.pctMG(dens); const rcq = AVAL.rcq(d.per_cintura, d.per_quadril); const fcmax = AVAL.n(d.fc_max) || AVAL.fcmaxTanaka(idade); const zonas = AVAL.zonasFC(d.fc_repouso, fcmax); const linha = (rot, val, extra) => (val == null || val === '' ) ? null : (
{rot} {val}{extra}
); const cab = t =>
{t}
; return (
e.stopPropagation()} style={{ width: '100%', maxWidth: 560, background: 'var(--cream)', borderRadius: 22, boxShadow: 'var(--shadow-lg)', border: '1px solid var(--line-soft)', padding: '22px 24px 26px', marginBottom: 40 }}>
avaliação física
{new Date(aval.dia + 'T12:00').toLocaleDateString('pt-BR')}
{d.meta ?
🎯 Meta: {d.meta}
: null} {cab('composição corporal')} {linha('Peso', d.peso ? `${d.peso} kg` : null)} {linha('Estatura', d.estatura ? `${d.estatura} m` : null)} {linha('IMC', imc ? AVAL.fmt(imc) : null, )} {linha('% de gordura', pctMG != null ? `${AVAL.fmt(pctMG)}%` : null)} {pctMG != null && d.peso ? linha('Massa gorda', `${AVAL.fmt(AVAL.n(d.peso) * pctMG / 100)} kg`) : null} {pctMG != null && d.peso ? linha('Massa magra', `${AVAL.fmt(AVAL.n(d.peso) * (1 - pctMG / 100))} kg`) : null} {cab('parâmetros fisiológicos')} {linha('FC de repouso', d.fc_repouso ? `${d.fc_repouso} bpm` : null)} {linha('SpO²', d.spo2 ? `${d.spo2}%` : null)} {linha('Pressão arterial', d.pa_sist && d.pa_diast ? `${d.pa_sist}/${d.pa_diast} mmHg` : null)} {linha('FC máxima', fcmax ? `${AVAL.fmt(fcmax, 0)} bpm` : null)} {zonas.length ? (
{zonas.map(z => {z.pct}% → {Math.round(z.fc)})}
) : null} {cab('perímetros e riscos')} {AVAL_PERIMETROS.map(([k, rot]) => linha(rot, d[k] ? `${d[k]} cm` : null))} {linha('Cintura/Quadril', rcq ? AVAL.fmt(rcq, 2) : null, )} {linha('Circunf. abdominal', d.per_abdomen ? `${d.per_abdomen} cm` : null, )} {cab('força')} {AVAL_FORCA.map(([k, rot]) => linha(rot, d[k] || null))} {(d.squat && Object.values(d.squat).some(Boolean)) || (d.flex && Object.values(d.flex).some(v => v)) ? cab('postura e mobilidade') : null} {d.squat ? AVAL_SQUAT.filter(([k]) => d.squat[k]).map(([k, rot]) => linha(rot, 'Presente')) : null} {d.flex ? AVAL_FLEX.filter(([k]) => d.flex[k]).map(([k, rot]) => linha(rot, d.flex[k])) : null} {d.wells ? linha('Banco de Wells', `${d.wells} cm`) : null} {d.obs ?
📝 {d.obs}
: null}
); }; // ─── linha do tempo das avaliações (dentro da aba métricas do aluno) ─── const AvalTimeline = ({ me, lang }) => { const [avals, setAvals] = useState([]); const [aberta, setAberta] = useState(null); useEffect(() => { fetch('/api/saude/avaliacoes/me', { headers: { Authorization: `Bearer ${SAUDE_TK()}` } }) .then(r => r.ok ? r.json() : []).then(d => setAvals(Array.isArray(d) ? d : [])).catch(() => {}); }, []); if (!avals.length) return null; const ord = [...avals].sort((a, b) => a.dia < b.dia ? -1 : 1); // cronológica pros sparks const serie = k => ord.map(a => (a.data || {})[k]); const pct = a => { const d = a.data || {}; if (d.protocolo === 'manual') return AVAL.n(d.pct_mg); const dens = AVAL.densidade(d.protocolo, d.dobras || {}, AVAL.idade(d.nascimento || (me && me.data_nascimento)), d.sexo || 'M'); return AVAL.pctMG(dens); }; const seriePct = ord.map(pct); return (
{lang === 'pt' ? 'avaliações do professor' : 'coach assessments'}
{lang === 'pt' ? 'Minha evolução' : 'My evolution'}
{[['peso', lang === 'pt' ? 'Peso (kg)' : 'Weight', serie('peso'), true, 'var(--teal)'], ['mg', '% gordura', seriePct, true, 'var(--accent)'], ['cintura', 'Cintura (cm)', serie('per_cintura'), true, 'var(--sun)'], ].map(([k, rot, vs, desceBom, cor]) => { const nums = vs.map(AVAL.n).filter(v => v != null); if (!nums.length) return null; return (
{rot}
{AVAL.fmt(nums[nums.length - 1])} {nums.length > 1 ? : null}
); })}
{avals.map(a => ( ))}
{aberta ? setAberta(null)} /> : null}
); }; const MetricasView = ({ state, lang, me }) => { const h = state.health; const [sessions, setSessions] = useState([]); const [loading, setLoading] = useState(true); const card = { background: 'var(--surface)', border: '1px solid var(--line-soft)', borderRadius: 16, padding: '15px 17px', boxShadow: 'var(--shadow-sm)' }; useEffect(() => { fetch('/api/saude/measurements/me', { headers: { Authorization: `Bearer ${SAUDE_TK()}` } }) .then(r => r.ok ? r.json() : []).then(d => setSessions(Array.isArray(d) ? d : [])).catch(() => {}).finally(() => setLoading(false)); }, []); const hasPhoto = s => s && s.fotos && (s.fotos.frente || s.fotos.lado || s.fotos.costas); const comPhotos = sessions.filter(hasPhoto); const latest = sessions[sessions.length - 1]; const prev = sessions[sessions.length - 2]; const exportPDF = () => { if (!sessions.length) return; const cols = [['dia', 'Data'], ['peso', 'Peso (kg)'], ['gordura', 'Gordura (%)'], ['massa_magra', 'Massa magra (kg)'], ['cintura', 'Cintura (cm)'], ['peitoral', 'Peitoral (cm)'], ['braco', 'Braço (cm)'], ['coxa', 'Coxa (cm)']]; const head = cols.map(c => `${c[1]}`).join(''); const body = sessions.map(s => '' + cols.map(c => `${c[0] === 'dia' ? dmBR(s.dia) : (s[c[0]] != null ? s[c[0]] : '—')}`).join('') + (s.nota ? `Nota: ${(s.nota || '').replace(/` : '') + '').join(''); const nome = (state.currentUser && state.currentUser.nome) || ''; const w = window.open('', '_blank'); w.document.write(`Relatório de evolução

Relatório de evolução — Genesis I

${nome ? nome + ' · ' : ''}gerado em ${new Date().toLocaleDateString('pt-BR')}
${head}${body}