// training.jsx v1 — 训练计划模块（方案 B：编排画布 + 执行卡片） // 数据层：window.FieldDataStore（exercises / programs / trainingLogs，IndexedDB，离线优先、留云同步）。 // 结构：TrainingView（壳）→ ProgramList / ProgramBuilder / ProgramExecution + ExerciseLibrary + Calculators。 // 文案 English-first，留 i18n 中文译名路径。 const { useState: trS, useEffect: trE, useMemo: trM, useRef: trR } = React; // ── helpers ─────────────────────────────────────────────────────────────── const TR_GROUP_TYPES = [ { id: 'straight', label: 'Straight 常规' }, { id: 'superset', label: 'Superset 超级组' }, { id: 'cluster', label: 'Cluster 集群组' }, { id: 'custom', label: 'Custom 自定义' }, ]; const TR_GROUP_LABELS = ['A', 'B', 'C', 'D', 'E', 'F']; function trUid(p) { return (p || '') + (crypto?.randomUUID ? crypto.randomUUID() : Date.now().toString(36) + Math.random().toString(36).slice(2, 8)); } function trToday() { return new Date().toISOString().slice(0, 10); } // Block-sequence letter badge (A, B, C… Z, AA, AB…) for a block's position within its session's block list. // Pure index→letter mapping; does not read/alter block order or identity. function trBlockLetter(index) { let n = index, s = ''; do { s = String.fromCharCode(65 + (n % 26)) + s; n = Math.floor(n / 26) - 1; } while (n >= 0); return s; } // Shared 组×次 · 负荷 annotation for a block header, used identically by ProgramBuilder (SessionEditor/ // BlockEditor) and ProgramExecution. Reads only the block's first set (or a same-shape summary) — no // invented values: parts with no data are simply omitted, and '' is returned when nothing is available. function trBlockAnnotation(block) { const sets = (block && block.sets) || []; if (!sets.length) return ''; const s0 = sets[0]; const parts = []; if (s0.reps != null && s0.reps !== '') parts.push(`${sets.length}×${s0.reps}`); else parts.push(`${sets.length}×`); if (s0.weight != null && s0.weight !== '') parts.push(`${s0.weight}kg`); else if (s0.pct1rm != null && s0.pct1rm !== '') parts.push(`${s0.pct1rm}%1RM`); return parts.join(' · '); } function trPrescriptionExtras(set) { const parts = []; if (set?.tempo) parts.push(`Tempo ${set.tempo}`); if (set?.restSec !== '' && set?.restSec != null) parts.push(`Rest ${set.restSec}s`); if (set?.targetVelocityMS !== '' && set?.targetVelocityMS != null) parts.push(`VBT ${set.targetVelocityMS}m/s`); if (set?.velocityLossPct !== '' && set?.velocityLossPct != null) parts.push(`VL≤${set.velocityLossPct}%`); if (set?.note) parts.push(`Note ${set.note}`); return parts; } // Resolve an athlete's known 1RM (kg) for an exercise's oneRMKey from the test DB (latest season value). function resolveOneRM(athlete, oneRMKey, seasons) { if (!athlete || !oneRMKey) return null; const dates = [...(seasons || Object.keys(athlete.seasons || {}))].sort().reverse(); for (const d of dates) { const v = (athlete.seasons || {})[d]?.[oneRMKey]; if (v != null && isFinite(+v)) return +v; } return null; } // Aliases: default-library names → their equivalent rung in a C-PS ladder (so regress/progress // covers the built-in library, whose names differ slightly from the ladder's). Non-destructive. const TR_LADDER_ALIASES = { 'back squat': 'barbell back squat', 'front squat': 'barbell front squat', 'deadlift': 'conventional dl', 'trap bar deadlift': 'trap bar dl', 'hip thrust': 'barbell bench hip thrust', 'bench press': 'bb bench press', 'overhead press': 'barbell oh press', 'barbell row': 'barbell bent row', 'lat pulldown': 'bilateral pulldown', 'bulgarian split squat': 'rfe split squat', 'step-up': 'weighted step up', 'walking lunge': 'forward lunge', 'plank': 'full plank', 'ab wheel rollout': 'roll-outs', }; // Find the C-PS progression ladder containing an exercise name (direct match, then alias). // Returns { ladder, idx, pattern } or null. Powers the block regress/progress (↓/↑) buttons. function findProgression(name) { const user = window.USER_PROGRESSIONS || []; // user-defined ladders take precedence const cps = (window.CPS_KNOWLEDGE && window.CPS_KNOWLEDGE.progressions) || []; const progs = [...user, ...cps]; const n = String(name || '').trim().toLowerCase(); if (!n) return null; const search = (q) => { for (const p of progs) { const idx = (p.ladder || []).findIndex(x => String(x).toLowerCase() === q); if (idx >= 0) return { ladder: p.ladder, idx, pattern: p.pattern || p.name }; } return null; }; return search(n) || (TR_LADDER_ALIASES[n] ? search(TR_LADDER_ALIASES[n]) : null); } const trInput = { width: '100%', padding: '6px 8px', background: 'var(--panel)', border: '1px solid var(--border)', borderRadius: 4, color: 'var(--text)', font: '13px var(--font-sans)', outline: 'none', }; const trCell = { ...trInput, padding: '5px 6px', textAlign: 'center', fontFamily: 'var(--font-mono)' }; function TrLabel({ children, style }) { return
{children}
; } // ── Export / Print ────────────────────────────────────────────────────────── const _esc = (s) => String(s == null ? '' : s).replace(/&/g, '&').replace(//g, '>'); function _prescWeight(set, oneRM) { if (set.weight != null && set.weight !== '') return +set.weight; if (set.pct1rm && oneRM) return Math.round((+set.pct1rm / 100) * oneRM); return ''; } function _safeName(s) { return String(s || 'program').replace(/[^\w一-龥-]+/g, '_'); } // Export a program to an Excel-openable .xls (HTML-table; opens in Excel/WPS with formatting). function exportProgramExcel(program, refAthlete, seasons) { const head = ['Session 训练日', 'Week 周', 'Group 组别', 'Exercise 动作', 'Set 组', 'Weight(kg) 重量', '%1RM', 'Reps 次', 'RIR', 'RPE', 'Tempo', 'Rest(s) 休息', 'VBT Target(m/s)', 'Velocity Loss(%)', 'Note 备注']; let body = ''; (program.sessions || []).forEach(s => (s.blocks || []).forEach(b => { const oneRM = resolveOneRM(refAthlete, b.oneRMKey, seasons); (b.sets || []).forEach((set, i) => { const cells = [s.name, s.week || '', b.group || '', b.exerciseName, i + 1, _prescWeight(set, oneRM), set.pct1rm || '', set.reps || '', set.rir || '', set.rpe || '', set.tempo || '', set.restSec ?? '', set.targetVelocityMS ?? '', set.velocityLossPct ?? '', set.note || '']; body += '' + cells.map(c => `${_esc(c)}`).join('') + ''; }); })); const doc = `` + `

${_esc(program.name)}

${program.mode === 'team' ? 'Team' : 'Individual'} · ${_esc(refAthlete?.name || '')} · ${program.date || ''}
` + `${head.map(h => ``).join('')}${body}
${_esc(h)}
`; const blob = new Blob(['' + doc], { type: 'application/vnd.ms-excel' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `${_safeName(program.name)}.xls`; document.body.appendChild(a); a.click(); a.remove(); setTimeout(() => URL.revokeObjectURL(url), 1500); } // Print a clean training card (one block per row, prescribed + blank "actual" columns to fill on the floor). function printProgram(program, refAthlete, seasons, athleteName) { const w = window.open('', '_blank'); if (!w) { window.alert('请允许弹出窗口以打印训练卡'); return; } let sessionsHtml = ''; (program.sessions || []).forEach(s => { let rows = ''; (s.blocks || []).forEach(b => { const oneRM = resolveOneRM(refAthlete, b.oneRMKey, seasons); (b.sets || []).forEach((set, i) => { const extras = trPrescriptionExtras(set); const presc = `${_prescWeight(set, oneRM) || '—'}${set.pct1rm ? ` (${set.pct1rm}%)` : ''} × ${set.reps || '—'}${set.rir !== '' && set.rir != null ? ` · RIR${set.rir}` : ''}${extras.length ? ` · ${extras.join(' · ')}` : ''}`; rows += `${i === 0 ? `${_esc(b.group ? b.group + ' ' : '')}${_esc(b.exerciseName)}` : ''}${i + 1}${_esc(presc)}`; }); }); sessionsHtml += `

${_esc(s.name)}${s.week ? ` · Wk${s.week}` : ''}

${rows}
动作 Exercise组处方 Prescribed实际 kg实际 repsRIR
`; }); const doc = `${_esc(program.name)} — 训练卡

${_esc(program.name)} — 训练卡 Training Card

${program.mode === 'team' ? 'Team 团队' : 'Individual 个人'} · ${_esc(athleteName || refAthlete?.name || '')} · ${program.date || ''}　　运动员签名 ______　日期 ______
${sessionsHtml} `; w.document.write(doc); w.document.close(); w.focus(); setTimeout(() => w.print(), 300); } function formatTrainingContextDate(value) { if (!value) return '—'; const date = new Date(value); if (Number.isNaN(date.getTime())) return String(value).slice(0, 10) || '—'; return date.toLocaleString([], { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' }); } function TrainingPlanningContext({ context, onOpenReview, onOpenReport }) { if (!context) return null; const reviewed = context.reviewedStatus === 'reviewed'; return (
Planning Context
{context.athleteName}
{reviewed ? 'Reviewed' : 'Not Reviewed'}
Sports Scientist Conclusion
{context.acceptedClassification}
Reviewer Training Focus
{context.reviewerTrainingFocus}
Reviewed session date
{String(context.sessionDate || '—').slice(0, 10)}
Last reviewed
{formatTrainingContextDate(context.lastReviewedAt)}
{onOpenReview && onOpenReview === onOpenReport ? ( ) : ( <> )}
); } // ── TrainingView plan-summary support ────────────────────────────────────── function TrainingPlanOverview({ programs = [], athleteId, fromDate, toDate }) { const FS = window.FieldDataStore; const [logs, setLogs] = trS([]); trE(() => { let alive = true; (async () => { if (!FS || !athleteId) { setLogs([]); return; } try { const rows = await FS.listTrainingLogsByAthlete(athleteId, fromDate, toDate); if (alive) setLogs(rows || []); } catch (error) { if (alive) setLogs([]); } })(); return () => { alive = false; }; }, [FS, athleteId, fromDate, toDate]); const individualPrograms = programs.filter(program => program.mode !== 'team').length; const teamPrograms = programs.length - individualPrograms; let completedSets = 0; let totalSets = 0; logs.forEach(log => Object.values(log.actuals || {}).forEach(rows => (rows || []).forEach(row => { totalSets += 1; if (row.done) completedSets += 1; }))); const completion = totalSets ? Math.round(completedSets / totalSets * 100) : null; const recentlyUpdated = programs.filter(program => { const timestamp = Date.parse(program.updatedAt || program.savedAt || ''); return Number.isFinite(timestamp) && Date.now() - timestamp <= 7 * 86400000; }).length; const stats = [ { label: '有效计划', value: programs.length, note: `个人 ${individualPrograms} · 团队 ${teamPrograms}` }, { label: '本周执行', value: logs.length, note: `${fromDate} – ${toDate}` }, { label: '完成率', value: completion == null ? '—' : `${completion}%`, note: totalSets ? `${completedSets}/${totalSets} 个已记录训练组` : '尚无可计算训练组' }, { label: '最近更新', value: recentlyUpdated || '—', note: recentlyUpdated ? '过去 7 天更新的计划' : '暂无时间戳记录' }, ]; return (
{stats.map(stat => (
{stat.label} {stat.value} {stat.note}
))}
); } // ── TrainingView (shell) ──────────────────────────────────────────────────── function TrainingView({ athletes = [], groups = [], seasons = [], patchAthleteMetrics, selectedAthleteId = null, initialProgramId = null, onConsumeInitialProgram, trainingContextSeed = null, confirmedResultRows = [], onOpenTrainingContextReview = null, onOpenTrainingContextReport = null }) { const FS = window.FieldDataStore; const [dbReady, setDbReady] = trS(null); const [programs, setPrograms] = trS([]); const [exercises, setExercises] = trS([]); const [mode, setMode] = trS('list'); // 'list' | 'build' | 'exec' const [editing, setEditing] = trS(null); // program being built/edited (null = new) const [execCtx, setExecCtx] = trS(null); // { program, athleteId, date } const [workspaceTab, setWorkspaceTab] = trS('plans'); // Landing-level shared state (TR-UI2): week summary + week calendar share one // selected athlete and one week range. weekOffset = 0 → this week, ±1 → adjacent. const [landingAthleteId, setLandingAthleteId] = trS(selectedAthleteId || athletes[0]?.id || ''); const [weekOffset, setWeekOffset] = trS(0); // Training Data period (TR-UI3): independent of the week calendar's weekOffset. const [periodDays, setPeriodDays] = trS(7); // VIZ-1 right-side visualization panel prefs (panelOpen + ordered module ids), // persisted per panel domain via window.VizPanelPrefsRepo (local-preference // domain). Read once on mount; every change saves back immediately. const vizPrefsRepo = trM(() => window.VizPanelPrefsRepo || null, []); const [vizPrefs, setVizPrefs] = trS(() => vizPrefsRepo ? vizPrefsRepo.load('training') : { panelOpen: true, modules: ['week-load-heat', 'rpe-trend-14d', 'plan-structure'] }); const updateVizPrefs = React.useCallback((next) => { setVizPrefs(prev => { const merged = typeof next === 'function' ? next(prev) : next; if (vizPrefsRepo) vizPrefsRepo.save('training', merged); return merged; }); }, [vizPrefsRepo]); // Follow the global roster selection while preserving a valid local fallback. trE(() => { if (!athletes.length) { setLandingAthleteId(''); return; } if (selectedAthleteId && athletes.some(a => a.id === selectedAthleteId)) { setLandingAthleteId(selectedAthleteId); return; } setLandingAthleteId(current => athletes.some(a => a.id === current) ? current : athletes[0].id); }, [athletes, selectedAthleteId]); const weekRange = trM(() => weekMondayToSunday(weekOffset), [weekOffset]); const periodRangeVal = trM(() => periodRange(periodDays), [periodDays]); const refresh = React.useCallback(async () => { if (!FS) return; try { setPrograms(await FS.listPrograms()); setExercises(await FS.listExercises()); if (FS.listProgressions) window.USER_PROGRESSIONS = await FS.listProgressions(); } catch (e) { console.warn('training refresh failed', e); } }, [FS]); trE(() => { let alive = true; (async () => { const ok = FS ? await FS.healthCheck() : false; if (!alive) return; setDbReady(ok); if (ok) { await FS.init('default'); if (alive) await refresh(); } })(); return () => { alive = false; }; }, [FS, refresh]); // Calendar → open a specific program in the builder (once programs have loaded) trE(() => { if (!initialProgramId) return; const p = programs.find(x => x.id === initialProgramId); if (p) { setEditing(p); setMode('build'); onConsumeInitialProgram && onConsumeInitialProgram(); } }, [initialProgramId, programs]); // eslint-disable-line react-hooks/exhaustive-deps // re-pull the library when the C-PS seeder finishes (handles first-load mid-seed race) trE(() => { const onSeeded = () => refresh(); window.addEventListener('cps-seeded', onSeeded); return () => window.removeEventListener('cps-seeded', onSeeded); }, [refresh]); const saveProgram = async (draft) => { const p = await FS.saveProgram(draft); await refresh(); setMode('list'); setWorkspaceTab('plans'); setEditing(null); return p; }; // Persist a program edit (e.g. session linkedEvidenceRefs) without leaving the current view. const persistProgram = async (draft) => { const p = await FS.saveProgram(draft); await refresh(); return p; }; const deleteProgram = async (id) => { if (!window.confirm('删除该训练计划及其所有执行记录？此操作不可撤销。')) return; await FS.deleteProgram(id); await refresh(); }; const openExec = (program, athleteId, date) => { setExecCtx({ program, athlete: athletes.find(a => a.id === athleteId), date: date || trToday() }); setMode('exec'); }; const openWorkspace = (tab) => { setMode('list'); setEditing(null); setExecCtx(null); setWorkspaceTab(tab); }; let body; if (mode === 'build') { body = openWorkspace('plans')} onOpenLibrary={() => openWorkspace('library')} onOpenProgression={() => openWorkspace('progressions')} onExecute={() => { if (editing) { setExecCtx({ program: editing, athlete: athletes.find(a => a.id === (editing.mode === 'team' ? editing.athleteIds?.[0] : editing.athleteId)), date: trToday() }); setMode('exec'); } }} />; } else if (mode === 'exec' && execCtx) { body = { setMode('list'); setExecCtx(null); }} />; } else { body = workspaceTab === 'records' ? (
TRAINING LOG

计划记录

按运动员、计划和日期回看真实执行；无记录不等于休息。

) : workspaceTab === 'library' ? ( ) : workspaceTab === 'progressions' ? ( ) : workspaceTab === 'calculator' ? ( ) : (
PROGRAMS

计划库

先看范围、对象与最近执行，再决定编辑计划或开始记录。

{ setEditing(p); setMode('build'); }} onExec={(p, athleteId) => openExec(p, athleteId, trToday())} onDelete={deleteProgram} />

执行与趋势

展开查看本周记录、真实负荷和趋势；缺失数据不会被解释为训练事实。

展开
今日执行
从已有计划直接开始记录；不推测计划日期。
{programs.length > 0 &&
{programs.map(program => { const athleteId = program.mode === 'team' ? program.athleteIds?.[0] : program.athleteId; return ; })}
}
setWeekOffset(o => o - 1)} onNextWeek={() => setWeekOffset(o => o + 1)} onOpenExec={openExec} />
); } return (
训练工作流
从计划设计到执行记录，所有资源保持在同一条工作路径中。
{dbReady == null ? '…' : dbReady ? '●' : '○'}
{body}
); } // ── TrainingWeekCalendar (TR-UI2) ─────────────────────────────────────────── // Mon–Sun day cards for the selected athlete's week. Facts only: each card shows // the day's *execution records* (trainingLogs — the only date-bearing data) and // their feedback status. Program sessions are plan slots without calendar dates, // so we never invent a plan→date mapping. A day with no log is shown as neutral // "无记录 / No record" (we don't know if it was rest or simply unrecorded). const TR_WEEKDAYS = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']; const TR_WEEKDAYS_CN = ['一', '二', '三', '四', '五', '六', '日']; function TrainingWeekCalendar({ athletes = [], athleteId, fromDate, toDate, weekOffset = 0, programs = [], onPrevWeek, onNextWeek, onOpenExec }) { const FS = window.FieldDataStore; const [logsByDate, setLogsByDate] = trS({}); const today = trM(() => trToday(), []); trE(() => { let alive = true; (async () => { if (!FS || !athleteId) { setLogsByDate({}); return; } try { const logs = await FS.listTrainingLogsByAthlete(athleteId, fromDate, toDate); if (!alive) return; const by = {}; (logs || []).forEach(l => { (by[l.date] = by[l.date] || []).push(l); }); setLogsByDate(by); } catch (e) { if (alive) setLogsByDate({}); } })(); return () => { alive = false; }; }, [FS, athleteId, fromDate, toDate]); // 7 local dates Mon→Sun for the visible week (derived from fromDate string). const days = trM(() => { const [y, m, d] = String(fromDate || '').split('-').map(Number); if (!y) return []; const start = new Date(y, m - 1, d); return Array.from({ length: 7 }, (_, i) => trFmtLocalDate(new Date(start.getFullYear(), start.getMonth(), start.getDate() + i))); }, [fromDate]); if (!athletes.length) return null; const progById = {}; (programs || []).forEach(p => { progById[p.id] = p; }); // Aggregate one date's logs into display facts (records count, feedback presence, first RPE). const dayFacts = (date) => { const logs = logsByDate[date] || []; let anyFeedback = false, rpe = null, execLog = null; logs.forEach(l => { const fbs = l.sessionFeedback ? Object.values(l.sessionFeedback) : []; if (fbs.length) { anyFeedback = true; for (const fb of fbs) { if (fb && fb.sessionRPE != null && rpe == null) rpe = fb.sessionRPE; } } // Prefer the first log whose program still exists as the click target. if (!execLog && progById[l.programId]) execLog = l; else if (!execLog) execLog = l; }); return { logs, recordCount: logs.length, hasRecord: logs.length > 0, anyFeedback, rpe, execLog }; }; return (
Week Calendar · 本周日历
{fromDate} – {toDate}{weekOffset === 0 ? '（本周）' : ''}
{days.map((date, i) => { const f = dayFacts(date); const isToday = date === today; const dayNum = date.slice(8); const targetProgram = f.execLog ? progById[f.execLog.programId] : null; const missingProgram = f.hasRecord && !targetProgram; const clickable = f.hasRecord && !!targetProgram; const open = () => { if (clickable) onOpenExec && onOpenExec(targetProgram, f.execLog.athleteId, date); }; return (
{TR_WEEKDAYS[i]} 周{TR_WEEKDAYS_CN[i]} {dayNum}
{f.hasRecord ? (
{f.recordCount} 条记录 record{f.recordCount !== 1 ? 's' : ''}
{f.anyFeedback ? '已反馈' : '未反馈'} {f.rpe != null && RPE {f.rpe}}
{missingProgram &&
计划已删除 Program deleted
}
) : (
无记录 / No record
)}
); })}
); } // ── TrainingWeekSummaryCard ───────────────────────────────────────────────── // Read-only weekly training summary (Mon–Sun, local dates). Pure display of // core/training/TrainingWeekSummary.js output — sessions/completed/RPE/duration/load only. function trFmtLocalDate(d) { return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`; } // Monday–Sunday local range, offset by whole weeks (0 = this week, ±1 = adjacent). function weekMondayToSunday(weekOffset = 0) { const now = new Date(); const day = now.getDay(); // 0=Sun..6=Sat const diffToMonday = (day === 0 ? -6 : 1 - day) + weekOffset * 7; const monday = new Date(now.getFullYear(), now.getMonth(), now.getDate() + diffToMonday); const sunday = new Date(monday.getFullYear(), monday.getMonth(), monday.getDate() + 6); // 本地日期串（toISOString 是 UTC，会在 UTC+ 时区把周边界前移一天） return { fromDate: trFmtLocalDate(monday), toDate: trFmtLocalDate(sunday) }; } function currentWeekMondayToSunday() { return weekMondayToSunday(0); } function TrainingWeekSummaryStat({ label, value, sub }) { return (
{label}
{value == null ? '—' : value}
{sub &&
{sub}
}
); } // Per-metric display formatting (value suffix + sub-label), keyed by // TrainingStatMetrics id. Purely presentational — the underlying number comes // from the registry's compute(); this only decides how to print it. function trFormatStatValue(id, raw) { if (raw == null) return null; if (id === 'totalDurationMin') return `${raw} min`; return raw; } function trStatSub(id) { return id === 'sessionLoad' ? '时长×RPE (Foster) · 需两者齐备' : null; } // "＋" stat-selector popover (mockup .stats-edit / .stats-pop form). Renders the // full TrainingStatMetrics registry as a checklist; toggling saves immediately // via onChangeMetrics. Closes on outside click (mousedown, matching the // SeasonSelector pattern elsewhere in this codebase). function TrainingStatSelector({ selected, onChangeMetrics }) { const [open, setOpen] = trS(false); const ref = trR(null); const SM = window.TrainingStatMetrics; trE(() => { const h = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); }; document.addEventListener('mousedown', h); return () => document.removeEventListener('mousedown', h); }, []); if (!SM) return null; const registry = SM.listStatMetrics(); const toggle = (id) => { const has = selected.includes(id); const next = has ? selected.filter(x => x !== id) : [...selected, id]; onChangeMetrics(next); }; return (
{open && (
{registry.map(m => ( ))}
纲要原则：任何数据呈现位均可由用户自由选择显示内容，配置持久保存。
)}
); } function TrainingWeekSummaryCard({ athletes = [], athleteId, onAthleteChange, fromDate, toDate }) { const FS = window.FieldDataStore; const [summary, setSummary] = trS(null); const [logs, setLogs] = trS([]); // SEL-1: which stat metrics to render, persisted via window.VizPanelPrefsRepo // under the 'training-week-stats' domain ({ metrics: string[] }). Falls back // to the registry's default 5 metrics if the repository isn't available yet. const statPrefsRepo = trM(() => window.VizPanelPrefsRepo || null, []); const [selectedMetrics, setSelectedMetrics] = trS(() => { if (statPrefsRepo) return statPrefsRepo.load('training-week-stats').metrics; return (window.TrainingStatMetrics && window.TrainingStatMetrics.DEFAULT_METRIC_IDS) || ['sessions', 'completed', 'avgRPE', 'totalDurationMin', 'sessionLoad']; }); const updateSelectedMetrics = React.useCallback((next) => { setSelectedMetrics(next); if (statPrefsRepo) statPrefsRepo.save('training-week-stats', { metrics: next }); }, [statPrefsRepo]); trE(() => { let alive = true; (async () => { if (!FS || !athleteId || !window.TrainingWeekSummary) { setSummary(null); setLogs([]); return; } try { const weekLogs = await FS.listTrainingLogsByAthlete(athleteId, fromDate, toDate); if (!alive) return; setSummary(window.TrainingWeekSummary.summarizeTrainingWeek(weekLogs)); setLogs(weekLogs || []); } catch (e) { if (alive) { setSummary(null); setLogs([]); } } })(); return () => { alive = false; }; }, [FS, athleteId, fromDate, toDate]); if (!athletes.length) return null; const s = summary || { sessions: null, completed: null, avgRPE: null, totalDurationMin: null, sessionLoad: null }; const SM = window.TrainingStatMetrics; const metricInput = { summary: s, logs }; return (
Week Summary · 本周训练汇总
{athletes.length > 1 && ( )}
{selectedMetrics.map(id => { const meta = SM && SM.listStatMetrics().find(m => m.id === id); if (!meta) return null; const raw = SM ? SM.computeStatMetric(id, metricInput) : null; return ( ); })}
); } // ── TrainingPeriodStatsCard (TR-UI3) ──────────────────────────────────────── // Period-switchable (7/14/30 day) training-data segment: read-only aggregation // of core/training/TrainingPeriodStats.js over trainingLogs[].actuals, plus an // inline volume/intensity combo chart. Descriptive only — training volume and // intensity as executed, no inference beyond the arithmetic. const TR_PERIOD_OPTIONS = [ { days: 7, label: '7天 7d' }, { days: 14, label: '14天 14d' }, { days: 30, label: '30天 30d' }, ]; // N-day local-date range ending today (inclusive), N-1 days back. Local dates only. function periodRange(days) { const now = new Date(); const to = trFmtLocalDate(now); const start = new Date(now.getFullYear(), now.getMonth(), now.getDate() - (days - 1)); const from = trFmtLocalDate(start); return { fromDate: from, toDate: to }; } // Catmull-Rom → cubic-bezier smoothed path through points, using the // standard 1/6-tangent control-point formula (matches // mockups/proposals/minimal-cold-redesign.html's hand-authored curve). // points: [{x, y}, ...] in ascending x order. Returns an SVG path `d` string, // or '' for fewer than 2 points. function trSmoothPath(points) { if (!points || points.length < 2) return ''; if (points.length === 2) { return `M${points[0].x},${points[0].y} L${points[1].x},${points[1].y}`; } let d = `M${points[0].x},${points[0].y}`; for (let i = 0; i < points.length - 1; i++) { const p0 = points[i - 1] || points[i]; const p1 = points[i]; const p2 = points[i + 1]; const p3 = points[i + 2] || p2; const c1x = p1.x + (p2.x - p0.x) / 6; const c1y = p1.y + (p2.y - p0.y) / 6; const c2x = p2.x - (p3.x - p1.x) / 6; const c2y = p2.y - (p3.y - p1.y) / 6; d += ` C${c1x},${c1y} ${c2x},${c2y} ${p2.x},${p2.y}`; } return d; } let trChartGradSeq = 0; function TrainingPeriodStatsChart({ daily }) { const gradId = trR(null); if (!gradId.current) gradId.current = `trBarGrad${++trChartGradSeq}`; const w = 560, h = 160, padL = 34, padR = 12, padT = 10, padB = 22; const innerW = w - padL - padR, innerH = h - padT - padB; const maxVolume = Math.max(1, ...daily.map(d => d.volume || 0)); const weights = daily.map(d => d.avgWeight).filter(v => typeof v === 'number' && isFinite(v)); const maxWeight = weights.length ? Math.max(...weights) : 1; const n = daily.length; const slot = innerW / n; const barW = Math.max(4, slot * 0.55); const xOf = (i) => padL + i * slot + slot / 2; const yVol = (v) => padT + innerH - (v / maxVolume) * innerH; const yWeight = (v) => padT + innerH - (v / maxWeight) * innerH; const linePoints = daily .map((d, i) => (typeof d.avgWeight === 'number' && isFinite(d.avgWeight) ? { x: xOf(i), y: yWeight(d.avgWeight) } : null)) .filter(Boolean); const linePath = trSmoothPath(linePoints); return ( {daily.map((d, i) => ( {`${d.date} · ${d.volume || 0} kg`} ))} {linePath && ( )} {daily.map((d, i) => ( typeof d.avgWeight === 'number' && isFinite(d.avgWeight) ? ( {`${d.date} · avg ${d.avgWeight} kg`} ) : null ))} {daily.map((d, i) => ( {d.date.slice(5)} ))} ); } function TrainingPeriodStatsCard({ athletes = [], athleteId, fromDate, toDate, periodDays, onPeriodChange }) { const FS = window.FieldDataStore; const [stats, setStats] = trS(null); trE(() => { let alive = true; (async () => { if (!FS || !athleteId || !window.TrainingPeriodStats) { setStats(null); return; } try { const logs = await FS.listTrainingLogsByAthlete(athleteId, fromDate, toDate); if (!alive) return; setStats(window.TrainingPeriodStats.summarizeTrainingPeriod(logs)); } catch (e) { if (alive) setStats(null); } })(); return () => { alive = false; }; }, [FS, athleteId, fromDate, toDate]); if (!athletes.length) return null; const s = stats || { totalVolume: null, avgIntensity: null, trainingDays: null, totalSets: null, daily: [] }; const daily = s.daily || []; return (
Training Data · 训练数据
{TR_PERIOD_OPTIONS.map(opt => ( ))}
{daily.length === 0 ? (
该周期无执行记录 / No executed records in this period
) : ( )}
); } // ── TrainingVizPanel (VIZ-1) ──────────────────────────────────────────────── // Collapsible right-side visualization panel driven by the TrainingVizModules // registry. Renders the user's enabled modules in their saved order; each module // header carries move-up / move-down / remove; a footer "+ 添加指标模块" reveals a // picker of registry modules not yet enabled. All ordering / enable changes go // through onChangePrefs (persisted). Stored facts only — no inference layer. const TR_HEAT_STEPS = ['#d9e9fb', '#aed0f6', '#6faaec', '#2f7fd4']; // pale→deep, 4 quartile buckets // week-load-heat view: 7 cells, hover title shows the day's session load or 无记录. function TrVizHeatModule({ data }) { const cells = data || []; const loads = cells.map(c => c.load).filter(v => typeof v === 'number'); const max = loads.length ? Math.max(...loads) : 0; const colorFor = (load) => { if (load == null) return 'var(--panel-2, var(--panel))'; if (max <= 0) return TR_HEAT_STEPS[0]; const q = Math.min(3, Math.floor((load / max) * 4 - 1e-9)); return TR_HEAT_STEPS[Math.max(0, q)]; }; if (!cells.length) return
暂无数据 / No data
; return ( <>
{cells.map(c => (
))}
session load · 深浅=日负荷
); } // rpe-trend-14d view: smoothed line + points (trSmoothPath), hover point title shows date · RPE. function TrVizRpeModule({ data }) { const pts = data || []; if (!pts.length) return
暂无数据 / No data
; const w = 240, h = 70, padX = 10, padT = 8, padB = 6; const innerW = w - padX * 2, innerH = h - padT - padB; const n = pts.length; const xOf = (i) => n === 1 ? w / 2 : padX + (i / (n - 1)) * innerW; const yOf = (rpe) => padT + innerH - (Math.max(0, Math.min(10, rpe)) / 10) * innerH; const linePoints = pts.map((p, i) => ({ x: xOf(i), y: yOf(p.rpe) })); const linePath = trSmoothPath(linePoints); return ( <> {linePath && ( )} {pts.map((p, i) => ( {`${p.date.slice(5)} · RPE ${p.rpe}`} ))}
仅记录事实 · 不做疲劳推断
); } // plan-structure view: proportional bar segments per group, hover shows 组数 · 占比. function TrVizStructureModule({ data }) { const groups = data || []; if (!groups.length) return
暂无数据 / No data
; const w = 240, h = 14, gap = 2; const totalGap = gap * Math.max(0, groups.length - 1); const usableW = w - totalGap; let x = 0; const segs = groups.map((g, i) => { const segW = Math.max(1, g.share * usableW); const seg = { ...g, x, w: segW, opacity: Math.max(0.25, 0.85 - i * 0.18) }; x += segW + gap; return seg; }); return ( <> {segs.map(s => ( {`${s.group} · ${s.sets} 组 · ${Math.round(s.share * 100)}%`} ))}
hover 查看各块组数与占比
); } function TrVizModuleView({ id, data }) { if (id === 'week-load-heat') return ; if (id === 'rpe-trend-14d') return ; if (id === 'plan-structure') return ; return
暂无数据 / No data
; } function TrainingVizPanel({ athleteId, weekRange, programs = [], prefs, onChangePrefs }) { const FS = window.FieldDataStore; const VM = window.TrainingVizModules; const [logs, setLogs] = trS([]); const [pickerOpen, setPickerOpen] = trS(false); // Trailing 14-day range for RPE trend; the heat module uses weekRange internally. const rpeRange = trM(() => periodRange(14), []); // Fetch a range covering both the visible week and the trailing 14 days. const fetchFrom = trM(() => (weekRange.fromDate < rpeRange.fromDate ? weekRange.fromDate : rpeRange.fromDate), [weekRange.fromDate, rpeRange.fromDate]); const fetchTo = trM(() => (weekRange.toDate > rpeRange.toDate ? weekRange.toDate : rpeRange.toDate), [weekRange.toDate, rpeRange.toDate]); trE(() => { let alive = true; (async () => { if (!FS || !athleteId) { setLogs([]); return; } try { const l = await FS.listTrainingLogsByAthlete(athleteId, fetchFrom, fetchTo); if (alive) setLogs(l || []); } catch (e) { if (alive) setLogs([]); } })(); return () => { alive = false; }; }, [FS, athleteId, fetchFrom, fetchTo]); const registry = VM ? VM.listVizModules() : []; const regById = {}; registry.forEach(m => { regById[m.id] = m; }); const enabled = (prefs.modules || []).filter(id => regById[id]); const available = registry.filter(m => !enabled.includes(m.id)); const inputFor = (id) => { if (id === 'week-load-heat') return { logs, programs, athleteId, fromDate: weekRange.fromDate, toDate: weekRange.toDate }; return { logs, programs, athleteId, fromDate: rpeRange.fromDate, toDate: rpeRange.toDate }; }; const move = (id, dir) => { onChangePrefs(prev => { const arr = (prev.modules || []).slice(); const i = arr.indexOf(id); const j = i + dir; if (i < 0 || j < 0 || j >= arr.length) return prev; [arr[i], arr[j]] = [arr[j], arr[i]]; return { ...prev, modules: arr }; }); }; const remove = (id) => onChangePrefs(prev => ({ ...prev, modules: (prev.modules || []).filter(x => x !== id) })); const add = (id) => { onChangePrefs(prev => ({ ...prev, modules: [...(prev.modules || []), id] })); setPickerOpen(false); }; const toggleOpen = () => onChangePrefs(prev => ({ ...prev, panelOpen: !prev.panelOpen })); const closed = !prefs.panelOpen; return ( ); } // ── Recent records — explicit saved execution history, not inferred plans ─── function TrainingRecentRecords({ athleteId, programs, athletes, onOpenExec }) { const FS = window.FieldDataStore; const [logs, setLogs] = trS([]); const [loading, setLoading] = trS(false); const [query, setQuery] = trS(''); const [programFilter, setProgramFilter] = trS('all'); trE(() => { let alive = true; if (!FS || !athleteId) { setLogs([]); return () => { alive = false; }; } const end = trToday(); const from = new Date(end + 'T00:00:00'); from.setDate(from.getDate() - 89); setLoading(true); FS.listTrainingLogsByAthlete(athleteId, trFmtLocalDate(from), end) .then(rows => { if (alive) setLogs([...(rows || [])].sort((a, b) => String(b.date).localeCompare(String(a.date)))); }) .catch(() => { if (alive) setLogs([]); }) .finally(() => { if (alive) setLoading(false); }); return () => { alive = false; }; }, [FS, athleteId]); const athlete = athletes.find(a => a.id === athleteId); const planName = (id) => programs.find(p => p.id === id)?.name || '已删除计划'; const completion = (log) => { let done = 0, total = 0; Object.values(log.actuals || {}).forEach(rows => (rows || []).forEach(row => { total += 1; if (row.done) done += 1; })); return total ? Math.round(done / total * 100) : 0; }; const q = query.trim().toLowerCase(); const visible = logs.filter(log => (programFilter === 'all' || log.programId === programFilter) && (!q || `${planName(log.programId)} ${log.date}`.toLowerCase().includes(q)) ); const recordsWithFeedback = logs.filter(log => Object.values(log.sessionFeedback || {}).length > 0).length; const feedbackRate = logs.length ? Math.round(recordsWithFeedback / logs.length * 100) : null; const averageCompletion = logs.length ? Math.round(logs.reduce((sum, log) => sum + completion(log), 0) / logs.length) : null; return (
计划记录 · Recent execution
回看过去 90 天真实保存的执行记录；无记录不等于休息。
{visible.length} 条
setQuery(e.target.value)} placeholder="搜索计划或日期" aria-label="搜索训练记录" />
{loading ?
正在读取训练记录…
: visible.length === 0 ? (
{logs.length ? '没有匹配的记录。' : '过去 90 天暂无训练记录。开始执行计划后会出现在这里。'}
) : (
{visible.slice(0, 12).map(log => { const program = programs.find(p => p.id === log.programId); const feedback = Object.values(log.sessionFeedback || {}); const rpes = feedback.map(row => row?.sessionRPE).filter(v => v != null); return (
{planName(log.programId)} {athlete?.name || '运动员'} · 完成组 {completion(log)}%{rpes.length ? ` · RPE ${rpes.join('/')}` : ''}
); })}
)}
); } // ── ProgramList ───────────────────────────────────────────────────────────── function ProgramList({ programs, athletes, onEdit, onExec, onDelete }) { const nameOf = (id) => (athletes.find(a => a.id === id) || {}).name || id; return (
全部计划{programs.length} 个计划
对象 / 结构 / 操作
{programs.length === 0 && (
还没有训练计划。
点击「新建计划」开始编排个人或团队训练。
)}
{programs.map(p => { const sessions = p.sessions || []; const exCount = sessions.reduce((n, s) => n + (s.blocks || []).length, 0); const people = p.mode === 'team' ? (p.athleteIds || []) : (p.athleteId ? [p.athleteId] : []); return (
{p.mode === 'team' ? 'TEAM' : 'INDIV'}
{p.name || '未命名计划'}{p.mode === 'team' ? `${people.length} 名运动员` : nameOf(p.athleteId)}
{sessions.length} 个训练日{exCount} 个动作{p.structureType === 'periodized' ? '周期化' : '单日'}
{people.length > 0 && ( )}
); })}
); } // ── ProgramBuilder ──────────────────────────────────────────────────────── function ProgramBuilder({ existing, exercises, athletes, seasons, onSave, onCancel, onOpenLibrary, onOpenProgression, onExecute }) { const blank = () => ({ name: '', mode: 'individual', athleteId: athletes[0]?.id || null, athleteIds: [], structureType: 'daily', date: '', prescriptionSchemaVersion: 1, prescriptionFields: { tempo: false, rest: false, note: false, vbt: false }, currentWeek: 1, phase: 1, weekTypes: {}, // 当前周 · 阶段 · 每周类型 {周号: 'intensify'|'deload'|'test'} sessions: [{ id: trUid('s_'), name: 'Day 1', week: 1, blocks: [] }], }); const [form, setForm] = trS(() => existing ? JSON.parse(JSON.stringify(existing)) : blank()); const [error, setError] = trS(null); // 编排画布(周期矩阵)= 主画布;有数据时默认进矩阵,空程序默认逐日编辑 const [bview, setBview] = trS(() => (existing?.sessions || []).some(s => (s.blocks || []).length) ? 'matrix' : 'edit'); // 计划设置(名称/模式/运动员/结构/日期)折叠 —— 新建默认展开、编辑默认收起 const [metaOpen, setMetaOpen] = trS(!existing); // 显示字段开关(对照 mockup 字段行)→ 透传给周期矩阵单元格 const [mfields, setMfields] = trS({ load: true, rpe: true, pct1rm: false }); // 本周依从(从训练日志算:当前周各 session 已完成组 / 总处方组) const [adherence, setAdherence] = trS(null); const dragInfo = trR(null); // ref: { si, bi } of the block being dragged // The athlete whose 1RM we resolve for %1RM previews (individual → that athlete; team → first selected) const refAthleteId = form.mode === 'team' ? (form.athleteIds[0] || null) : form.athleteId; const refAthlete = athletes.find(a => a.id === refAthleteId) || null; const setSessions = (fn) => setForm(f => ({ ...f, sessions: fn(f.sessions) })); const updSession = (si, fn) => setSessions(ss => ss.map((s, i) => i === si ? fn(s) : s)); const updBlock = (si, bi, fn) => updSession(si, s => ({ ...s, blocks: s.blocks.map((b, i) => i === bi ? fn(b) : b) })); const addSession = () => setSessions(ss => [...ss, { id: trUid('s_'), name: `Day ${ss.length + 1}`, week: ss[ss.length - 1]?.week || 1, blocks: [] }]); const removeSession = (si) => setSessions(ss => ss.filter((_, i) => i !== si)); const addBlock = (si, exerciseId) => { const ex = exercises.find(e => e.id === exerciseId); if (!ex) return; updSession(si, s => ({ ...s, blocks: [...s.blocks, { id: trUid('b_'), exerciseId: ex.id, exerciseName: ex.name, oneRMKey: ex.oneRMKey || null, group: null, groupType: 'straight', sets: [{ weight: '', pct1rm: '', reps: '', rir: '', rpe: '', tempo: '', restSec: '', note: '', targetVelocityMS: '', velocityLossPct: '' }], }] })); }; const removeBlock = (si, bi) => updSession(si, s => ({ ...s, blocks: s.blocks.filter((_, i) => i !== bi) })); const addSet = (si, bi) => updBlock(si, bi, b => { const last = b.sets[b.sets.length - 1] || {}; return { ...b, sets: [...b.sets, { ...last }] }; }); const removeSet = (si, bi, ssi) => updBlock(si, bi, b => ({ ...b, sets: b.sets.filter((_, i) => i !== ssi) })); const updSet = (si, bi, ssi, key, val) => updBlock(si, bi, b => ({ ...b, sets: b.sets.map((s, i) => i === ssi ? { ...s, [key]: val } : s) })); // drag-drop reorder of blocks within a session const onDrop = (si, bi) => { const d = dragInfo.current; if (!d || d.si !== si || d.bi === bi) { dragInfo.current = null; return; } updSession(si, s => { const arr = [...s.blocks]; const [moved] = arr.splice(d.bi, 1); arr.splice(bi, 0, moved); return { ...s, blocks: arr }; }); dragInfo.current = null; }; const toggleTeamAthlete = (id) => setForm(f => ({ ...f, athleteIds: f.athleteIds.includes(id) ? f.athleteIds.filter(x => x !== id) : [...f.athleteIds, id] })); // ── Phase C: 周期矩阵结构编辑(按「训练日」跨所有周作用)────────────────── const [mxPickDay, setMxPickDay] = trS(null); // day name awaiting +加动作 via ExercisePicker const mxProgress = (dayName, exName, dir) => { const prog = findProgression(exName); if (!prog) return; const newName = dir > 0 ? (prog.idx < prog.ladder.length - 1 ? prog.ladder[prog.idx + 1] : null) : (prog.idx > 0 ? prog.ladder[prog.idx - 1] : null); if (!newName) return; const m = exercises.find(e => String(e.name).toLowerCase() === String(newName).toLowerCase()); setSessions(ss => ss.map(s => s.name !== dayName ? s : ({ ...s, blocks: s.blocks.map(b => b.exerciseName === exName ? { ...b, exerciseName: newName, exerciseId: m ? m.id : null, oneRMKey: m ? (m.oneRMKey || null) : null } : b) }))); }; const mxDeleteRow = (dayName, exName) => setSessions(ss => ss.map(s => s.name !== dayName ? s : ({ ...s, blocks: s.blocks.filter(b => b.exerciseName !== exName) }))); const mxAddExercise = (dayName, exerciseId) => { const ex = exercises.find(e => e.id === exerciseId); if (!ex) return; setSessions(ss => ss.map(s => s.name !== dayName ? s : ({ ...s, blocks: [...s.blocks, { id: trUid('b_'), exerciseId: ex.id, exerciseName: ex.name, oneRMKey: ex.oneRMKey || null, group: null, groupType: 'straight', sets: [{ weight: '', pct1rm: '', reps: '', rir: '', rpe: '', tempo: '', restSec: '', note: '', targetVelocityMS: '', velocityLossPct: '' }] }] }))); }; const mxAddDay = () => { const weeks = [...new Set((form.sessions || []).map(s => s.week || 1))].sort((a, b) => a - b); const names = []; (form.sessions || []).forEach(s => { if (!names.includes(s.name)) names.push(s.name); }); const newName = `Day ${names.length + 1}`; const ws = weeks.length ? weeks : [1]; setSessions(ss => [...ss, ...ws.map(w => ({ id: trUid('s_'), name: newName, week: w, blocks: [] }))]); }; const mxAddWeek = () => { const weeks = [...new Set((form.sessions || []).map(s => s.week || 1))].sort((a, b) => a - b); const last = weeks.length ? weeks[weeks.length - 1] : 0; const cloned = (form.sessions || []).filter(s => (s.week || 1) === last) .map(s => ({ ...JSON.parse(JSON.stringify(s)), id: trUid('s_'), week: last + 1 })); setForm(f => ({ ...f, currentWeek: last + 1, sessions: [...f.sessions, ...cloned] })); }; // ── Phase D: 点格弹 popover 改处方(统一写入该格 block 各组;空格则新建 block)── const [mxCell, setMxCell] = trS(null); const openCellEdit = (day, ex, week, rect, b) => { const s0 = (b && b.sets && b.sets[0]) || {}; const hasW = s0.weight != null && s0.weight !== ''; setMxCell({ day, ex, week, top: Math.max(16, Math.min(rect.bottom + 6, window.innerHeight - 420)), left: Math.max(8, Math.min(rect.left, window.innerWidth - 316)), sets: b && b.sets ? b.sets.length : 3, reps: s0.reps != null ? s0.reps : '', load: hasW ? s0.weight : (s0.pct1rm != null ? s0.pct1rm : ''), unit: hasW ? 'kg' : 'pct', rpe: s0.rpe != null ? s0.rpe : '', tempo: s0.tempo || '', restSec: s0.restSec ?? '', note: s0.note || '', targetVelocityMS: s0.targetVelocityMS ?? '', velocityLossPct: s0.velocityLossPct ?? '' }); }; const mxSetCell = () => { const { day, ex, week, sets, reps, load, unit, rpe, tempo, restSec, note, targetVelocityMS, velocityLossPct } = mxCell; const n = Math.max(1, parseInt(sets, 10) || 1); const one = {}; if (reps !== '') one.reps = reps; if (load !== '') { if (unit === 'pct') one.pct1rm = load; else one.weight = load; } if (rpe !== '') one.rpe = rpe; if (prescriptionFields.tempo && tempo !== '') one.tempo = tempo; if (prescriptionFields.rest && restSec !== '') one.restSec = restSec; if (prescriptionFields.note && note !== '') one.note = note; if (prescriptionFields.vbt) { if (targetVelocityMS !== '') one.targetVelocityMS = targetVelocityMS; if (velocityLossPct !== '') one.velocityLossPct = velocityLossPct; } const newSets = Array.from({ length: n }, () => ({ ...one })); setSessions(ss => ss.map(s => { if (s.name !== day || (s.week || 1) !== week) return s; const has = (s.blocks || []).some(b => b.exerciseName === ex); const blocks = has ? s.blocks.map(b => b.exerciseName === ex ? { ...b, sets: newSets } : b) : [...(s.blocks || []), { id: trUid('b_'), exerciseId: null, exerciseName: ex, group: null, groupType: 'straight', sets: newSets }]; return { ...s, blocks }; })); setMxCell(null); }; // 本周依从:当前周各 session 的已完成组 / 总组(从训练日志 actuals,key=`${sessionId}__${blockId}`) trE(() => { const FS = window.FieldDataStore; if (!FS || !existing?.id) { setAdherence(null); return; } let alive = true; (async () => { try { const ok = await FS.healthCheck(); if (!ok || !alive) return; const logs = await FS.listTrainingLogsByProgram(existing.id); if (!alive) return; const cw = form.currentWeek || 1; const wkIds = new Set((form.sessions || []).filter(s => (s.week || 1) === cw).map(s => s.id)); let done = 0, total = 0; logs.forEach(l => Object.entries(l.actuals || {}).forEach(([key, arr]) => { if (!wkIds.has(key.split('__')[0])) return; (arr || []).forEach(r => { total += 1; if (r.done) done += 1; }); })); if (alive) setAdherence(total ? Math.round(done / total * 100) : null); } catch (e) { /* offline */ } })(); return () => { alive = false; }; }, [existing?.id, form.currentWeek, form.sessions]); const submit = () => { if (!form.name.trim()) { setError('计划名称必填 Program name required.'); return; } if (form.mode === 'individual' && !form.athleteId) { setError('请选择一名运动员。'); return; } if (form.mode === 'team' && form.athleteIds.length === 0) { setError('团队模式请至少选择一名运动员。'); return; } setError(null); // Additive prescription contract. VBT device adapters may later populate the // execution row's meanVelocityMS / velocitySource / externalSetId without // changing the plan's stable targetVelocityMS / velocityLossPct fields. onSave({ ...existing, ...form, prescriptionSchemaVersion: 1, name: form.name.trim() }); }; const pmWeeks = new Set((form.sessions || []).map(s => s.week || 1)).size; const prescriptionFields = { tempo: false, rest: false, note: false, vbt: false, ...(form.prescriptionFields || {}) }; const togglePrescriptionField = (key) => setForm(f => ({ ...f, prescriptionFields: { tempo: false, rest: false, note: false, vbt: false, ...(f.prescriptionFields || {}), [key]: !(f.prescriptionFields || {})[key] }, })); const ftagStyle = (on) => ({ fontFamily: 'var(--font-mono)', fontWeight: 500, fontSize: 10.5, background: on ? 'var(--panel-hi)' : 'transparent', border: `1px ${on ? 'solid' : 'dashed'} var(--border)`, borderRadius: 5, padding: '2px 8px', color: on ? 'var(--text-2)' : 'var(--muted)', cursor: 'pointer' }); const segBtn = (on) => ({ padding: '5px 14px', fontSize: 12, fontWeight: 600, cursor: 'pointer', border: 0, borderRadius: 6, fontFamily: 'var(--font-sans)', background: on ? 'var(--panel)' : 'transparent', color: on ? 'var(--text)' : 'var(--muted)', boxShadow: on ? '0 1px 2px rgba(20,22,28,.08)' : 'none' }); return (
PROGRAM BUILDER

{existing ? '编辑计划' : '新建计划'}

先定义对象与结构，再编排动作和处方；Tempo、备注与 VBT 字段按需开启。

{/* topbar:面包屑 + 导出/打印/保存(对照 mockup .topbar)*/}
训练 · {form.name || (existing ? '编辑计划' : '新建计划')}
01 基本信息对象、日期与结构
02 周期结构周次、阶段与训练日
03 动作处方动作、组次与负重
04 检查发布保存、执行与导出
{/* progmeta(对照 mockup .progmeta):裸排画布,不加卡;程序名 + 指派 + 状态石 */}

{form.name || '未命名计划'}

指派:{form.mode === 'team' ? `${form.athleteIds.length} 人` : (refAthlete?.name || '未指定')} {form.date ? ` · 配对日期 ${form.date} 起 · 已在日历显示` : ' · 未配对日历'}
{(() => { const curW = form.currentWeek || 1; const sm = { fontSize: 11, color: 'var(--muted)', fontWeight: 500 }; const stones = [ { k: '周期', v: <>第 {curW}/{pmWeeks} 周 }, { k: '阶段', v: `Phase ${form.phase || 1}` }, { k: '本周依从', v: adherence != null ? <>{adherence}% : '—', color: adherence != null ? 'var(--pos)' : 'var(--muted)' }, ]; return stones.map(s => (
{s.k}
{s.v}
)); })()}
{/* 计划设置(可折叠):名称/模式/运动员/结构/日期 */} {metaOpen && (
{pmWeeks > 0 && (
周次类型 Week types(强化 / 减载 / 测试)
{[...new Set((form.sessions || []).map(s => s.week || 1))].sort((a, b) => a - b).map(w => ( ))}
)}
Mode 模式
{[['individual', '个人 Individual'], ['team', '团队 Team']].map(([m, lbl]) => ( ))}
{form.mode === 'individual' ? ( ) : ( <>
按位置加选 {[...new Set(athletes.map(a => a.position).filter(Boolean))].map(pos => ( ))} {form.athleteIds.length}/{athletes.length} 选中
{athletes.map(a => { const on = form.athleteIds.includes(a.id); return ; })}
)} {form.mode === 'team' && (
团队模板套用所选运动员；执行时各人可单独调整、读取各自数据库 1RM。
)}
)} {/* 画布工具条:编排画布/执行卡片/动作库 seg + 逐日编辑 + 进阶阶梯 — 对照 mockup */}
{onOpenProgression && } 拖拽动作排序 · ↑升阶 / ↓降阶按库内进阶链
处方字段 重量、%1RM、次数、RIR、RPE 始终保留；专项字段按计划启用并随计划保存。
{[['tempo', 'Tempo'], ['rest', '休息秒数'], ['note', '备注'], ['vbt', 'VBT 目标']].map(([key, label]) => ( ))}
{prescriptionFields.vbt &&

VBT 当前记录处方目标速度、允许速度损失和执行速度；设备自动导入可通过这些稳定字段后续接入。

}
{/* 显示字段(对照 mockup 字段行)— 控制矩阵单元格 */} {bview === 'matrix' && (
显示字段: 组×次 {[['load', '负荷'], ['rpe', 'RPE'], ['pct1rm', '%1RM']].map(([k, l]) => ( ))} 横向 = 周次(周期化) · 纵向 = 动作 · 当前 W{form.currentWeek || 1}
)} {bview === 'edit' ? (<> {form.sessions.map((session, si) => ( updSession(si, s => ({ ...s, name }))} onWeek={(week) => updSession(si, s => ({ ...s, week: +week || 1 }))} onRemove={() => removeSession(si)} onAddBlock={(exId) => addBlock(si, exId)} onRemoveBlock={(bi) => removeBlock(si, bi)} onUpdBlock={(bi, fn) => updBlock(si, bi, fn)} onAddSet={(bi) => addSet(si, bi)} onRemoveSet={(bi, ssi) => removeSet(si, bi, ssi)} onUpdSet={(bi, ssi, key, val) => updSet(si, bi, ssi, key, val)} dragInfo={dragInfo} onDragStartBlock={(bi) => { dragInfo.current = { si, bi }; }} onDropBlock={(bi) => onDrop(si, bi)} /> ))} ) : ( <> setMxPickDay(d)} onAddDay={mxAddDay} onAddWeek={mxAddWeek} onEditCell={openCellEdit}/> {mxPickDay && { mxAddExercise(mxPickDay, id); setMxPickDay(null); }} onClose={() => setMxPickDay(null)}/>} {mxCell && (<>
setMxCell(null)} style={{ position: 'fixed', inset: 0, zIndex: 2200 }}/>
{mxCell.ex} · W{mxCell.week}
{[['组数', 'sets'], ['次数', 'reps'], ['RPE', 'rpe']].map(([lab, key]) => ( ))} {prescriptionFields.tempo && } {prescriptionFields.rest && } {prescriptionFields.vbt && <> } {prescriptionFields.note && }
)} )} {error &&
{error}
}
); } // ── PeriodMatrix — 周期化矩阵透视(动作 × 周次);editable 时:↑↓进阶 / 删行 / +加动作·训练日·周 ── function PeriodMatrix({ sessions, exercises = [], fields = { load: true }, currentWeek, weekTypes = {}, editable = false, onProgress, onDeleteRow, onAddExercise, onAddDay, onAddWeek, onEditCell }) { const all = sessions || []; const weeks = [...new Set(all.map(s => s.week || 1))].sort((a, b) => a - b); const curWeek = currentWeek != null ? currentWeek : (weeks.length ? weeks[weeks.length - 1] : null); // 周次类型(对照 mockup):当前 / 强化 / 减载 / 测试 → 子标 + 配色 const wkStyle = (w) => { if (w === curWeek) return { label: '当前', color: 'var(--accent)', bg: 'var(--accent-soft)' }; const t = weekTypes[w] || weekTypes[String(w)]; if (t === 'deload') return { label: '减载', color: 'var(--warn)', bg: 'rgba(217,119,6,.10)' }; if (t === 'test') return { label: '测试', color: 'var(--pos)', bg: 'rgba(22,163,74,.10)' }; if (t === 'intensify') return { label: '强化', color: 'var(--accent-2)', bg: undefined }; return { label: '', color: 'var(--muted)', bg: undefined }; }; const catOf = (b) => { const ex = exercises.find(e => e.id === b.exerciseId); return (ex && ex.category) || b.group || ''; }; const dayNames = []; all.forEach(s => { if (!dayNames.includes(s.name)) dayNames.push(s.name); }); const summarize = (b) => { const sets = b.sets || []; if (!sets.length) return { sr: '—', ld: '' }; const s0 = sets[0]; // 负荷按「显示字段」开关组装:负荷(kg 或回退 %)· %1RM · RPE const bits = []; if (fields.load) { if (s0.weight != null && s0.weight !== '') bits.push(s0.weight + 'kg'); else if (s0.pct1rm) bits.push(s0.pct1rm + '%'); } if (fields.pct1rm && s0.pct1rm && !bits.some(x => /%$/.test(x))) bits.push(s0.pct1rm + '%'); if (fields.rpe && s0.rpe) bits.push('R' + s0.rpe); if (fields.tempo && s0.tempo) bits.push('T ' + s0.tempo); if (fields.rest && s0.restSec !== '' && s0.restSec != null) bits.push(s0.restSec + 's'); if (fields.vbt && s0.targetVelocityMS !== '' && s0.targetVelocityMS != null) bits.push(s0.targetVelocityMS + 'm/s'); if (fields.vbt && s0.velocityLossPct !== '' && s0.velocityLossPct != null) bits.push('VL≤' + s0.velocityLossPct + '%'); if (fields.note && s0.note) bits.push('备注:' + String(s0.note).slice(0, 18)); return { sr: `${sets.length}×${s0.reps != null ? s0.reps : ''}`, ld: bits.join(' ') }; }; if (!all.length || !weeks.length) { return
暂无训练日 / 周次数据。切到「逐日编辑」添加。
; } const cols = `minmax(168px,1.5fr) repeat(${weeks.length}, minmax(92px,1fr))`; const hair = '1px solid var(--border)'; const cb = { borderBottom: hair, borderRight: hair, padding: '8px 9px', minWidth: 0 }; const mono = (size, weight, color) => ({ fontFamily: 'var(--font-mono)', fontSize: size, fontWeight: weight, color }); const mxBtn = (on) => ({ width: 18, height: 18, borderRadius: 4, border: '1px solid var(--border)', background: 'var(--panel)', color: on ? 'var(--text-2)' : 'var(--muted-2)', fontSize: 11, lineHeight: 1, cursor: on ? 'pointer' : 'default', opacity: on ? 1 : 0.4, padding: 0 }); const mxAddBtn = { marginLeft: 8, fontSize: 10.5, padding: '2px 8px', borderRadius: 5, border: '1px dashed var(--border-strong)', background: 'transparent', color: 'var(--accent)', cursor: 'pointer', fontFamily: 'var(--font-sans)' }; const mxFootBtn = { fontSize: 12, padding: '6px 12px', borderRadius: 7, border: '1px solid var(--border)', background: 'var(--panel)', color: 'var(--text-2)', cursor: 'pointer', fontFamily: 'var(--font-sans)' }; return ( <>
动作 \ 周
{weeks.map(w => { const ws = wkStyle(w); return (
W{w}{ws.label && {ws.label}}
); })} {dayNames.map(name => { const daySessions = all.filter(s => s.name === name); const exList = []; daySessions.forEach(s => (s.blocks || []).forEach(b => { if (!exList.some(x => x.name === b.exerciseName)) exList.push({ name: b.exerciseName, exerciseId: b.exerciseId, group: b.group }); })); return (
{name || '训练日'}{exList.length} 项 {editable && }
{exList.map(ex => { const cat = catOf(ex); return (
{ex.name} {cat && {cat}}
{editable && (() => { const prog = findProgression(ex.name); const down = prog && prog.idx > 0 ? prog.ladder[prog.idx - 1] : null; const up = prog && prog.idx < prog.ladder.length - 1 ? prog.ladder[prog.idx + 1] : null; return (
); })()}
{weeks.map(w => { const s = daySessions.find(x => (x.week || 1) === w); const b = s && (s.blocks || []).find(bb => bb.exerciseName === ex.name); const c = b ? summarize(b) : null; const ws = wkStyle(w); return (
onEditCell(name, ex.name, w, e.currentTarget.getBoundingClientRect(), b) : undefined} title={editable ? '点击改处方' : undefined} style={{ ...cb, textAlign: 'center', display: 'flex', flexDirection: 'column', gap: 2, justifyContent: 'center', background: ws.bg, cursor: editable ? 'pointer' : 'default' }}> {c ? (<> {c.sr} {c.ld && {c.ld}} ) : ·}
); })} ); })} ); })}
{editable && (
)} ); } // ── ExercisePicker — searchable modal (replaces the long native setQ(e.target.value)} autoFocus placeholder="搜索动作 / 区域 / 体位…" style={{ ...trInput, fontSize: 13 }}/>
{cats.map(c => )}
{filtered.length === 0 &&
没有匹配的动作。
} {catsShown.map(c => (
{c}
{byCat[c].map(e => ( ))}
))}
); } // ── SessionEditor (one training day) ──────────────────────────────────────── function SessionEditor({ session, si, exercises, refAthlete, seasons, structureType, fields, onName, onWeek, onRemove, onAddBlock, onRemoveBlock, onUpdBlock, onAddSet, onRemoveSet, onUpdSet, dragInfo, onDragStartBlock, onDropBlock }) { const [pickerOpen, setPickerOpen] = trS(false); return (
{structureType === 'periodized' && ( Wk onWeek(e.target.value)} style={{ ...trCell, width: 46 }}/> )} onName(e.target.value)} placeholder="Day name" style={{ ...trInput, maxWidth: 220, fontWeight: 600 }}/> {session.blocks.length} exercise{session.blocks.length !== 1 ? 's' : ''}
{session.blocks.map((block, bi) => ( onRemoveBlock(bi)} onUpd={(fn) => onUpdBlock(bi, fn)} onAddSet={() => onAddSet(bi)} onRemoveSet={(ssi) => onRemoveSet(bi, ssi)} onUpdSet={(ssi, k, v) => onUpdSet(bi, ssi, k, v)} onDragStart={() => onDragStartBlock(bi)} onDrop={() => onDropBlock(bi)} /> ))}
{pickerOpen && { onAddBlock(id); setPickerOpen(false); }} onClose={() => setPickerOpen(false)} />}
); } // ── BlockEditor (one exercise + its sets) ─────────────────────────────────── function BlockEditor({ block, bi, refAthlete, seasons, exercises = [], fields = {}, onRemove, onUpd, onAddSet, onRemoveSet, onUpdSet, onDragStart, onDrop }) { const oneRM = resolveOneRM(refAthlete, block.oneRMKey, seasons); const metrics = window.FieldDataStore?.computeBlockMetrics(block.sets, oneRM) || {}; const groupColor = block.group ? ['#3b82f6', '#a78bfa', '#34d399', '#f59e0b', '#f472b6', '#22d3ee'][TR_GROUP_LABELS.indexOf(block.group) % 6] : null; // C-PS progression ladder for this exercise → enables ↓ regress / ↑ progress const prog = findProgression(block.exerciseName); const swapExercise = (newName) => onUpd(b => { const m = exercises.find(e => String(e.name).toLowerCase() === String(newName).toLowerCase()); return { ...b, exerciseName: newName, exerciseId: m ? m.id : null, oneRMKey: m ? (m.oneRMKey || null) : null }; }); const regressTo = prog && prog.idx > 0 ? prog.ladder[prog.idx - 1] : null; const progressTo = prog && prog.idx < prog.ladder.length - 1 ? prog.ladder[prog.idx + 1] : null; const setFields = [ { key: 'weight', label: 'kg', width: 72 }, { key: 'pct1rm', label: '%1RM', width: 72 }, { key: 'reps', label: 'Reps', width: 64 }, { key: 'rir', label: 'RIR', width: 58 }, { key: 'rpe', label: 'RPE', width: 58 }, ...(fields.tempo ? [{ key: 'tempo', label: 'Tempo', width: 78, placeholder: '31X1' }] : []), ...(fields.rest ? [{ key: 'restSec', label: 'Rest(s)', width: 72, placeholder: '120' }] : []), ...(fields.vbt ? [ { key: 'targetVelocityMS', label: '目标m/s', width: 78, placeholder: '0.65' }, { key: 'velocityLossPct', label: 'VL≤%', width: 72, placeholder: '20' }, ] : []), ...(fields.note ? [{ key: 'note', label: '备注', width: 150, placeholder: '技术提示 / 限制' }] : []), ]; const setGrid = `28px ${setFields.map(field => `minmax(${field.width}px,${field.key === 'note' ? '1.8fr' : '1fr'})`).join(' ')} 24px`; return (
e.preventDefault()} onDrop={onDrop} style={{ border: `1px solid ${groupColor ? groupColor + '55' : 'var(--border)'}`, borderLeft: groupColor ? `3px solid ${groupColor}` : '1px solid var(--border)', borderRadius: 6, padding: '9px 10px', marginBottom: 8, background: 'var(--panel-2)' }} > {/* block header */}
⠿ {trBlockLetter(bi)} 🏋 {block.group && {block.group}} {block.exerciseName} {trBlockAnnotation(block) && {trBlockAnnotation(block)}} {prog && ( )} {oneRM != null && 1RM {oneRM}kg（测试库）} {/* grouping controls */}
{/* set rows */}
Set {setFields.map(field => {field.label})}
{block.sets.map((s, ssi) => (
{ssi + 1} {setFields.map(field => ( onUpdSet(ssi, field.key, e.target.value)} placeholder={field.key === 'weight' && oneRM && s.pct1rm ? String(Math.round(oneRM * s.pct1rm / 100)) : field.placeholder || ''} style={trCell}/> ))}
))}
VL {metrics.volumeLoad || 0} · reps {metrics.totalReps || 0} {metrics.estimated1RM != null && ` · e1RM ${metrics.estimated1RM}`} {metrics.avgIntensityPct != null && ` · ${metrics.avgIntensityPct}%`} {metrics.stressIndex ? ` · SI ${metrics.stressIndex}` : ''}
); } // ── ExerciseLibrary (workspace page; modal compatibility retained for nested callers) ─ function ExerciseLibrary({ FS, exercises, onChange, onClose, embedded = false }) { const cats = FS?.EXERCISE_CATEGORIES || []; const blank = { name: '', category: 'Squat', description: '', media: '' }; const [editing, setEditing] = trS(null); // null | 'new' | exercise object const [form, setForm] = trS(blank); const [q, setQ] = trS(''); const [catFilter, setCatFilter] = trS('All'); const ql = q.trim().toLowerCase(); const matches = (e) => (catFilter === 'All' || e.category === catFilter) && (!ql || (e.name + ' ' + (e.region || '') + ' ' + (e.position || '')).toLowerCase().includes(ql)); const shownCount = exercises.filter(matches).length; const openNew = () => { setEditing('new'); setForm(blank); }; const openEdit = (e) => { setEditing(e); setForm({ name: e.name || '', category: e.category || 'Squat', description: e.description || '', media: e.media?.url || '' }); }; const closeForm = () => { setEditing(null); setForm(blank); }; const save = async () => { if (!form.name.trim()) return; const base = editing && editing !== 'new' ? editing : {}; await FS.saveExercise({ ...base, name: form.name.trim(), category: form.category, description: form.description.trim() || undefined, media: form.media.trim() ? { type: /\.(mp4|webm|mov)$/i.test(form.media) ? 'video' : 'image', url: form.media.trim() } : null }); closeForm(); onChange(); }; const del = async () => { if (editing && editing !== 'new') { await FS.deleteExercise(editing.id); closeForm(); onChange(); } }; const isImg = form.media && !/\.(mp4|webm|mov)$/i.test(form.media); const library = (
e.stopPropagation()}>
Exercise Library 动作库
{exercises.length} exercises · 点击动作查看/编辑
{!embedded && }
{editing && (
{editing === 'new' ? '新建动作' : `编辑 · ${editing.name}`}{editing !== 'new' && editing.oneRMKey ? ' · 关联测试库 1RM' : ''}
setForm(f => ({ ...f, name: e.target.value }))} placeholder="Exercise name 动作名称" style={trInput} autoFocus/> setForm(f => ({ ...f, description: e.target.value }))} placeholder="Description / cues 描述/要点" style={trInput}/> setForm(f => ({ ...f, media: e.target.value }))} placeholder="Image/Video URL 图/视频链接" style={trInput}/>
{form.media && (
{isImg ? { e.target.style.display = 'none'; }}/> : ▶ 打开视频 {form.media.slice(0, 50)}}
)}
{editing !== 'new' && }
)} {/* search + category filter */}
setQ(e.target.value)} placeholder={`搜索 ${exercises.length} 个动作 / 区域 / 体位…`} style={{ ...trInput, fontSize: 13 }}/>
{['All', ...cats.filter(c => exercises.some(e => e.category === c))].map(c => ( ))}
{shownCount === 0 &&
没有匹配的动作。
} {cats.filter(c => exercises.some(e => e.category === c && matches(e))).map(cat => (
{cat}
{exercises.filter(e => e.category === cat && matches(e)).map(e => { const on = editing && editing !== 'new' && editing.id === e.id; return ( ); })}
))}
); if (!embedded) { return
{library}
; } const activeCats = ['All', ...cats.filter(c => exercises.some(e => e.category === c))]; return (
EXERCISE LIBRARY

动作库

维护动作、分类、技术提示和媒体；计划编排始终读取同一份动作数据。

{library}
); } // ── CalculatorModal (1RM / RPE) ───────────────────────────────────────────── function CalculatorModal({ onClose, embedded = false }) { const [tab, setTab] = trS('1rm'); const [w, setW] = trS(''); const [reps, setReps] = trS(''); const [target, setTarget] = trS(''); const e1rm = (w && reps) ? +w * (1 + +reps / 30) : null; // Epley // RPE → %1RM (Helms/RTS-style table, reps × RPE → %1RM) const RPE_PCT = { 10: [100, 95.5, 92.2, 89.2, 86.3, 83.7, 81.1, 78.6, 76.2, 73.9], 9: [95.5, 92.2, 89.2, 86.3, 83.7, 81.1, 78.6, 76.2, 73.9, 70.7], 8: [92.2, 89.2, 86.3, 83.7, 81.1, 78.6, 76.2, 73.9, 70.7, 68], 7: [89.2, 86.3, 83.7, 81.1, 78.6, 76.2, 73.9, 70.7, 68, 65.3] }; const [rpe, setRpe] = trS('8'); const [rReps, setRReps] = trS('5'); const [r1rm, setR1rm] = trS(''); const pct = RPE_PCT[rpe]?.[Math.min(9, Math.max(0, (+rReps || 1) - 1))]; const estLoad = (pct && r1rm) ? Math.round(+r1rm * pct / 100) : null; const oneRmCard = (
Epley equation

1RM 估算

Estimated 1RM{e1rm ? Math.round(e1rm) : '—'} kg
); const rpeCard = (
RPE LOAD

RPE → 负重

Target load @ {pct || '—'}%{estLoad || '—'} kg

RPE→%1RM 表（reps × RPE），参考 RTS/Helms。

); if (embedded) { return (
CALCULATORS

训练计算器

快速估算 1RM 与基于 RPE 的目标负重；结果只作编排参考，不自动写入处方。

{oneRmCard}{rpeCard}
); } return (
e.stopPropagation()}>
{[['1rm', '1RM 估算'], ['rpe', 'RPE → 负重']].map(([id, lbl]) => ( ))}
{tab === '1rm' ? (
Estimated 1RM (Epley)
{e1rm ? Math.round(e1rm) : '—'} kg
) : (
Target load @ {pct || '—'}%
{estLoad || '—'} kg
RPE→%1RM 表(reps×RPE),参考 RTS/Helms。
)}
); } // ── ProgressionManager — user-defined 进阶/退阶 ladders ───────────────────── function ProgressionManager({ FS, exercises, onChange, onClose, embedded = false }) { const cats = FS?.EXERCISE_CATEGORIES || []; const [userProgs, setUserProgs] = trS([]); const [editing, setEditing] = trS(null); // null | 'new' | progression object const [form, setForm] = trS({ name: '', category: 'Squat', ladder: [] }); const [pickerOpen, setPickerOpen] = trS(false); const reload = async () => { try { setUserProgs(await FS.listProgressions()); } catch (e) {} }; trE(() => { reload(); }, []); // eslint-disable-line react-hooks/exhaustive-deps const openNew = () => { setEditing('new'); setForm({ name: '', category: 'Squat', ladder: [] }); }; const openEdit = (p) => { setEditing(p); setForm({ name: p.name || '', category: p.category || 'Squat', ladder: [...(p.ladder || [])] }); }; const forkCps = (p) => { setEditing('new'); setForm({ name: (p.pattern || '') + ' (自定义)', category: p.category || 'Squat', ladder: [...(p.ladder || [])] }); }; const closeEd = () => setEditing(null); const addRung = (id) => { const ex = exercises.find(e => e.id === id); if (ex) setForm(f => ({ ...f, ladder: [...f.ladder, ex.name] })); setPickerOpen(false); }; const moveRung = (i, dir) => setForm(f => { const a = [...f.ladder]; const j = i + dir; if (j < 0 || j >= a.length) return f; [a[i], a[j]] = [a[j], a[i]]; return { ...f, ladder: a }; }); const removeRung = (i) => setForm(f => ({ ...f, ladder: f.ladder.filter((_, k) => k !== i) })); const save = async () => { if (!form.name.trim() || form.ladder.length < 2) return; const base = editing && editing !== 'new' ? editing : {}; await FS.saveProgression({ ...base, name: form.name.trim(), category: form.category, ladder: form.ladder }); await reload(); onChange && onChange(); closeEd(); }; const del = async () => { if (editing && editing !== 'new') { await FS.deleteProgression(editing.id); await reload(); onChange && onChange(); closeEd(); } }; const cps = (window.CPS_KNOWLEDGE && window.CPS_KNOWLEDGE.progressions) || []; const manager = (
e.stopPropagation()}>
进阶 / 退阶阶梯 Progressions
自定义动作的升/降阶链 · 编排里出现 ↓/↑ 按钮
{!editing && } {!embedded && }
{editing ? (
动作顺序(上=退阶端 / 下=进阶端) {form.ladder.length === 0 &&
还没有动作,点下方「+ 加动作」从简到难依次添加。
}
{form.ladder.map((nm, i) => (
{i} {nm}
))}
{(!form.name.trim() || form.ladder.length < 2) &&
填写名称，并至少加入 2 个动作；顺序从退阶端到进阶端。
}
{editing !== 'new' && }
{pickerOpen && setPickerOpen(false)} />}
) : (
我的阶梯 ({userProgs.length}) {userProgs.length === 0 &&
还没有自定义阶梯。点「+ 新建阶梯」,或在下方 C-PS 参考里「复制为自定义」。
}
{userProgs.map(p => ( ))}
C-PS 参考(只读 · 可复制)
{cps.map((p, i) => (
{p.pattern}
{(p.ladder || []).join(' → ')}
))}
)}
); if (!embedded) return
{manager}
; return (
PROGRESSION MAP

进阶阶梯

把同一动作模式从低门槛到高要求排成可复用路径，编排时一键升阶或退阶。

{!editing && }
{manager}
); } // ── ProgramExecution (Today · iPad-friendly execution cards) ──────────────── function ProgramExecution({ program, athlete, date, exercises, seasons, trainingContextSeed = null, confirmedResultRows = [], patchAthleteMetrics = null, onPersistProgram = null, onBack }) { const FS = window.FieldDataStore; // Local program copy so manual evidence links reflect immediately after persist. const [programState, setProgramState] = trS(program); trE(() => { setProgramState(program); }, [program]); const sessions = programState.sessions || []; const [sessionIdx, setSessionIdx] = trS(0); const [actuals, setActuals] = trS({}); // { `${sessionId}__${blockId}`: [ {weight,reps,rir,rpe,done} ] } const [savedAt, setSavedAt] = trS(null); const [actualSaveState, setActualSaveState] = trS('idle'); const [actualSaveError, setActualSaveError] = trS(''); const actualSaveSeq = trR(0); const actualSaveQueue = trR(Promise.resolve()); const [loaded, setLoaded] = trS(false); const [feedbackBySession, setFeedbackBySession] = trS({}); // { [sessionId]: sessionFeedback shape from store } const [feedbackDraft, setFeedbackDraft] = trS({ completed: false, sessionRPE: '', durationMin: '', athleteComment: '', coachComment: '' }); const [feedbackSavedAt, setFeedbackSavedAt] = trS(null); const [feedbackError, setFeedbackError] = trS(null); trE(() => { let alive = true; (async () => { const existing = await FS.getTrainingLog(program.id, athlete.id, date); if (!alive) return; setActuals(existing?.actuals || {}); setFeedbackBySession(existing?.sessionFeedback || {}); setLoaded(true); })(); return () => { alive = false; }; }, [program.id, athlete.id, date]); const session = sessions[sessionIdx] || { blocks: [] }; const keyOf = (block) => session.id + '__' + block.id; const oneRMOf = (block) => resolveOneRM(athlete, block.oneRMKey, seasons); const prescWeight = (block, s) => { if (s.weight != null && s.weight !== '') return +s.weight; const rm = oneRMOf(block); if (s.pct1rm && rm) return Math.round((+s.pct1rm / 100) * rm); return null; }; // actual row for a block+set, defaulting to the prescription so the athlete just confirms/edits const rowOf = (block, i) => { const arr = actuals[keyOf(block)]; if (arr && arr[i]) { const r = arr[i]; return { weight: r.weight ?? '', reps: r.reps ?? '', rir: r.rir ?? '', rpe: r.rpe ?? '', meanVelocityMS: r.meanVelocityMS ?? '', velocitySource: r.velocitySource || '', externalSetId: r.externalSetId || '', done: !!r.done }; } const s = block.sets[i] || {}; return { weight: prescWeight(block, s) ?? '', reps: s.reps ?? '', rir: s.rir ?? '', rpe: s.rpe ?? '', meanVelocityMS: '', velocitySource: '', externalSetId: '', done: false }; }; const persist = async (next) => { const seq = ++actualSaveSeq.current; setActualSaveState('saving'); setActualSaveError(''); try { actualSaveQueue.current = actualSaveQueue.current.catch(() => {}).then(() => ( FS.saveTrainingLog({ programId: program.id, athleteId: athlete.id, date, actuals: next }) )); await actualSaveQueue.current; if (seq !== actualSaveSeq.current) return; setSavedAt(Date.now()); setActualSaveState('saved'); } catch (error) { if (seq !== actualSaveSeq.current) return; setActualSaveState('error'); setActualSaveError(error?.message || '训练记录保存失败，请重试。'); } }; const patchRow = (block, i, patch) => { setActuals(prev => { const k = keyOf(block); const base = prev[k] ? prev[k].map(x => ({ ...x })) : block.sets.map((s, j) => ({ ...rowOf(block, j) })); base[i] = { ...base[i], ...patch }; const next = { ...prev, [k]: base }; persist(next); return next; }); }; // session totals: prescribed vs actual volume load const totals = trM(() => { let presc = 0, act = 0, doneSets = 0, totalSets = 0; session.blocks.forEach(block => { block.sets.forEach((s, i) => { totalSets += 1; const pw = prescWeight(block, s), pr = (s.reps != null && s.reps !== '') ? +s.reps : null; if (pw && pr) presc += pw * pr; const r = rowOf(block, i); if (r.done) doneSets += 1; const aw = (r.weight !== '' && r.weight != null) ? +r.weight : null, ar = (r.reps !== '' && r.reps != null) ? +r.reps : null; if (r.done && aw && ar) act += aw * ar; }); }); return { presc: Math.round(presc), act: Math.round(act), doneSets, totalSets }; }, [session, actuals]); const bigCell = { ...trCell, padding: '9px 6px', fontSize: 15 }; const showVbt = !!programState.prescriptionFields?.vbt || session.blocks.some(block => (block.sets || []).some(set => set.targetVelocityMS !== '' && set.targetVelocityMS != null)); const executionGrid = showVbt ? '30px 1.5fr 1fr 1fr 1fr 1fr 44px' : '30px 1.5fr 1fr 1fr 1fr 44px'; // ── Session feedback (完成/RPE/时长/评语) — 挂在当前 session 末尾，纯记录，不做 readiness/risk 推断 const draftFromFeedback = (fb) => fb ? { completed: !!fb.completed, sessionRPE: fb.sessionRPE == null ? '' : String(fb.sessionRPE), durationMin: fb.durationMin == null ? '' : String(fb.durationMin), athleteComment: fb.athleteComment || '', coachComment: fb.coachComment || '' } : { completed: false, sessionRPE: '', durationMin: '', athleteComment: '', coachComment: '' }; trE(() => { setFeedbackDraft(draftFromFeedback(feedbackBySession[session.id])); }, [session.id, feedbackBySession]); // 仅在切换 session 时清保存状态；保存成功后的 feedbackBySession 更新不得抹掉时间戳 trE(() => { setFeedbackSavedAt(null); setFeedbackError(null); }, [session.id]); const rpeValid = feedbackDraft.sessionRPE === '' || (/^\d+$/.test(feedbackDraft.sessionRPE) && +feedbackDraft.sessionRPE >= 1 && +feedbackDraft.sessionRPE <= 10); const durationValid = feedbackDraft.durationMin === '' || (isFinite(+feedbackDraft.durationMin) && +feedbackDraft.durationMin > 0); const feedbackCanSave = rpeValid && durationValid; // ── Manual confirmed-result linking (Why this focus?) — 纯手动、显式；不做任何自动匹配/推荐 // 唯一可链接来源：TrainingPlanningContext 传入的已确认(reviewed)结果 seed。未审核的原始数据不可链接。 const linkedEvidenceRefs = session.linkedEvidenceRefs || []; const confirmedContext = (trainingContextSeed && trainingContextSeed.reviewedStatus === 'reviewed') ? trainingContextSeed : null; const alreadyLinked = confirmedContext ? linkedEvidenceRefs.some(r => r.refId === confirmedContext.id) : false; const [linkError, setLinkError] = trS(null); // REV-R3: generalized selector — all confirmed (reviewed) rows for THIS athlete, // across the five review types (cmj/sj/imtp/field/manual). Superset entry point; // the CMJ seed one-click path above stays as-is. Selector source is already // reviewed-only (ReviewedEvidenceRows viewmodel), so no unreviewed data appears. const [selectedRowId, setSelectedRowId] = trS(''); // 归因兼容：EvidenceUIContract 行（sj/imtp/field）的 athleteId 嵌在 sourceRef 里， // 只有 cmj/manual 行有顶层 athleteId——两处都查，缺失时退 athleteName 精确匹配（镜像 Story/brief 纪律）。 const athleteConfirmedRows = trM( () => (confirmedResultRows || []).filter(r => { if (!r || !athlete) return false; const rid = r.athleteId || r.sourceRef?.athleteId; return rid ? rid === athlete.id : (!!r.athleteName && r.athleteName === athlete.name); }), [confirmedResultRows, athlete?.id, athlete?.name], ); const refFromRow = (row) => ({ refId: row.id, testType: row.evidenceTypeLabel || row.sourceType || '', date: String(row.timestamp || '').slice(0, 10), label: `${row.athleteName} · ${row.primaryLabel}`, summary: row.secondaryLabel || '', linkedAt: new Date().toISOString(), }); const linkSelectedResult = () => { if (!selectedRowId) return; const row = athleteConfirmedRows.find(r => r.id === selectedRowId); if (!row || linkedEvidenceRefs.some(r => r.refId === row.id)) return; persistSessionRefs([...linkedEvidenceRefs, refFromRow(row)]); setSelectedRowId(''); }; const persistSessionRefs = async (nextRefs) => { setLinkError(null); const nextSessions = sessions.map((s, i) => i === sessionIdx ? { ...s, linkedEvidenceRefs: nextRefs } : s); const nextProgram = { ...programState, sessions: nextSessions }; try { if (onPersistProgram) await onPersistProgram(nextProgram); setProgramState(nextProgram); } catch (e) { setLinkError(e?.message || String(e)); } }; const linkConfirmedResult = () => { if (!confirmedContext || alreadyLinked) return; const ref = { refId: confirmedContext.id, testType: confirmedContext.sourceType || '', date: String(confirmedContext.sessionDate || '').slice(0, 10), label: `${confirmedContext.athleteName} · ${confirmedContext.acceptedClassification}`, summary: confirmedContext.reviewerTrainingFocus || '', linkedAt: new Date().toISOString(), }; persistSessionRefs([...linkedEvidenceRefs, ref]); }; const unlinkEvidenceRef = (refId) => persistSessionRefs(linkedEvidenceRefs.filter(r => r.refId !== refId)); const saveFeedback = async () => { setFeedbackError(null); try { const saved = await FS.saveSessionFeedback(program.id, athlete.id, date, session.id, { completed: feedbackDraft.completed, sessionRPE: feedbackDraft.sessionRPE === '' ? null : +feedbackDraft.sessionRPE, durationMin: feedbackDraft.durationMin === '' ? null : +feedbackDraft.durationMin, athleteComment: feedbackDraft.athleteComment, coachComment: feedbackDraft.coachComment, }); setFeedbackBySession(prev => ({ ...prev, [session.id]: saved.sessionFeedback[session.id] })); setFeedbackSavedAt(Date.now()); const loadSync = window.TrainingLoadSync; if (loadSync && patchAthleteMetrics && FS.listTrainingLogsByAthlete) { try { const dayLogs = await FS.listTrainingLogsByAthlete(athlete.id, date, date); const aggregate = loadSync.aggregateDay(dayLogs, date); const syncPlan = loadSync.planProfileSync(athlete, date, aggregate); if (syncPlan.apply) patchAthleteMetrics(athlete.id, date, syncPlan.patch, syncPlan.sourceMeta); } catch (syncError) { console.warn('Training feedback saved but profile load sync failed:', syncError); setFeedbackError('训练反馈已保存，但个人档案中的日负荷未同步；请稍后重试。'); } } } catch (e) { setFeedbackError(e?.message || String(e)); } }; return (
{program.name} · {athlete?.name}
{date} · 加载处方 → 训练中逐组填实际 · 自动保存
{actualSaveState === 'saving' ? '保存中…' : actualSaveState === 'error' ? '保存失败' : savedAt ? '已保存 ✓' : (loaded ? '就绪' : '加载中…')}
{actualSaveError &&
{actualSaveError} 最近一次修改未确认写入本地数据库。
} {/* session picker */} {sessions.length > 1 && (
{sessions.map((s, i) => ( ))}
)} {/* totals bar */}
完成 {totals.doneSets}/{totals.totalSets} 组 处方 VL {totals.presc} 实际 VL {totals.act} {totals.presc > 0 && 完成率 {Math.round(totals.act / totals.presc * 100)}%}
{/* Why this focus? · 训练依据 — 手动链接的已确认结果；纯记录，不改变任何训练计划内容 */}
训练依据 · Why this focus? {confirmedContext ? ( ) : null}
{/* REV-R3 selector — manually link any confirmed result (5 review types) for this athlete. */}
{athleteConfirmedRows.length === 0 ? 该运动员暂无已确认结果 · No confirmed result for this athlete : ( )}
{linkError &&
{linkError}
} {linkedEvidenceRefs.length === 0 ?
暂无已确认结果链接 · No confirmed result linked to this session.
: (
{linkedEvidenceRefs.map(ref => (
{ref.label}
{ref.date || '—'}
{ref.summary &&
{ref.summary}
}
))}
)}
{/* blocks */} {session.blocks.length === 0 &&
这一训练日还没有动作。
} {session.blocks.map((block, bi) => { const rm = oneRMOf(block); return (
{trBlockLetter(bi)} {block.group && {block.group}} {block.exerciseName} {block.groupType !== 'straight' && {(TR_GROUP_TYPES.find(g => g.id === block.groupType) || {}).label}} {trBlockAnnotation(block) && {trBlockAnnotation(block)}} {rm != null && 1RM {rm}kg}
Set处方 Prescribed实际kg实际repsRIR/RPE{showVbt && 实际m/s}✓
{block.sets.map((s, i) => { const r = rowOf(block, i); const pw = prescWeight(block, s); const extras = trPrescriptionExtras(s); const prescLabel = `${pw != null ? pw + 'kg' : '—'}${s.pct1rm ? ` (${s.pct1rm}%)` : ''} × ${s.reps || '—'}${s.rir !== '' && s.rir != null ? ` · RIR${s.rir}` : (s.rpe ? ` · RPE${s.rpe}` : '')}${extras.length ? ` · ${extras.join(' · ')}` : ''}`; return (
{i + 1} {prescLabel} patchRow(block, i, { weight: e.target.value })} style={bigCell}/> patchRow(block, i, { reps: e.target.value })} style={bigCell}/> patchRow(block, i, { rir: e.target.value })} placeholder="—" style={bigCell}/> {showVbt && patchRow(block, i, { meanVelocityMS: e.target.value, velocitySource: r.velocitySource || 'manual' })} placeholder="—" title={`速度来源: ${r.velocitySource || 'manual'}`} style={bigCell}/>}
); })}
); })} {/* Session Feedback · 本次训练反馈 — 纯记录，不做疲劳/状态推断 */}
本次训练反馈 · Session Feedback {feedbackSavedAt && ( {`已保存 ${new Date(feedbackSavedAt).toLocaleTimeString()} ✓`} )}
完成 Completed
{feedbackError &&
{feedbackError}
}
); } // ── AthleteTrainingCard (individual page link · 查看/追踪) ─────────────────── const trLogPct = (log) => { let done = 0, total = 0; Object.values(log.actuals || {}).forEach(arr => (arr || []).forEach(r => { total += 1; if (r.done) done += 1; })); return total ? Math.round(done / total * 100) : 0; }; function AthleteTrainingCard({ athlete, onOpen }) { const FS = window.FieldDataStore; const [programs, setPrograms] = trS([]); const [logsByProg, setLogsByProg] = trS({}); // { [programId]: { latest, series:[{date,pct}] } } trE(() => { let alive = true; (async () => { if (!FS || !athlete) return; try { const ok = await FS.healthCheck(); if (!ok || !alive) return; await FS.init('default'); const all = await FS.listPrograms(); const mine = all.filter(p => p.mode === 'team' ? (p.athleteIds || []).includes(athlete.id) : p.athleteId === athlete.id); if (!alive) return; setPrograms(mine); const lb = {}; for (const p of mine) { const logs = (await FS.listTrainingLogsByProgram(p.id)).filter(l => l.athleteId === athlete.id); logs.sort((a, b) => String(b.date).localeCompare(String(a.date))); if (logs[0]) lb[p.id] = { latest: logs[0], series: logs.slice(0, 8).reverse().map(l => ({ date: l.date, pct: trLogPct(l) })) }; } if (alive) setLogsByProg(lb); } catch (e) { console.warn('AthleteTrainingCard load failed', e); } })(); return () => { alive = false; }; }, [athlete?.id]); if (!FS) return null; const Panel = window.Panel, Pill = window.Pill, ModuleArrow = window.ModuleArrow; // primary = program with the most recent log (else first assigned) const primary = programs.length ? programs.slice().sort((a, b) => String((logsByProg[b.id] || {}).latest?.date || '').localeCompare(String((logsByProg[a.id] || {}).latest?.date || '')))[0] : null; const lp = primary ? logsByProg[primary.id] : null; const pct = lp ? trLogPct(lp.latest) : null; const sessions = primary ? (primary.sessions || []).length : 0; const pctTone = pct == null ? 'neutral' : pct >= 80 ? 'pos' : pct >= 50 ? 'warn' : 'neg'; const series = (lp && lp.series.length >= 2) ? lp.series : null; const inner = !primary ? (
暂无指派给该运动员的训练计划。
) : (
{primary.mode === 'team' ? '团队' : '个人'} {primary.name}
{pct != null ? <>依从 {pct}%最近 {lp.latest.date} : <>{sessions} 次训练未执行}
{series && (
{series.map((s, i) => { const c = s.pct >= 80 ? 'var(--pos)' : s.pct >= 50 ? 'var(--warn)' : 'var(--neg)'; return
; })}
依从率 · 最近 {series.length} 次
)}
); return Panel ? }>{inner} :
{inner}
; } Object.assign(window, { TrainingView, AthleteTrainingCard, ExercisePicker, trSmoothPath });