);
}
const NAR_RATIONALE = {
hemostasis: 'Direct hemorrhage control — the single largest preventable cause of battlefield death.',
binder: 'Closes the pelvic ring to tamponade venous bleeding.',
airway: 'Secures oxygenation before respiratory decline.',
seal: 'Occludes the chest-wall defect to prevent tension physiology.',
needle: 'Decompresses the pleural space — watch for re-tension.',
o2: 'High-flow oxygen ahead of possible airway edema.',
io: 'Vascular access for resuscitation and analgesia.',
txa: 'Antifibrinolytic — must run inside the 3-hour window.',
blood: 'Whole blood replaces what was lost; crystalloid only dilutes it.',
fluids: 'Calculated burn resuscitation — avoid over-infusion.',
hpmk: 'Hypothermia is one corner of the lethal triad.',
neuro: 'Serial neuro exams track an evolving TBI.',
pain: 'Analgesia chosen to protect pressure and airway.',
abx: 'Early antibiotics cut wound-infection mortality.',
dress: 'Clean, documented wounds for the receiving surgical team.',
splint: 'Stabilizes the fracture — less bleeding, less pain.',
};
function narrationHTML(scen) {
const steps = scen.script.map(e => {
const tt = `T+${Math.floor(e.t / 60)}:${String(e.t % 60).padStart(2, '0')}`;
if (e.kind === 'comp') return `
${scen.casualty.unit} · ${scen.casualty.bloodType} · ${scen.casualty.weightKg} kg · allergies ${scen.casualty.allergies}. ` +
`A ${Math.round(scen.duration / 60)}-minute trauma lane under TCCC: interventions, scripted complications, corrective actions, and teaching points. This narration is editable — click and type.
` +
steps +
`
ENDEX — casualty packaged, 9-line transmitted, DUSTOFF inbound. Debrief against the performance panel: time-to-TQ, benchmark deltas, order score.
`;
}
function NarrationPanel({ scenIdx, speed }) {
const boxRef = React.useRef(null);
const posRef = React.useRef(0);
React.useEffect(() => {
if (!boxRef.current) return;
boxRef.current.innerHTML = narrationHTML(SCENARIOS[scenIdx]);
boxRef.current.scrollTop = 0;
posRef.current = 0;
}, [scenIdx]);
React.useEffect(() => {
let raf, last = performance.now();
const tick = (now) => {
raf = requestAnimationFrame(tick);
const dt = (now - last) / 1000; last = now;
const el = boxRef.current;
if (!el || !speed || document.activeElement === el) return; // pause while editing
if (Math.abs(el.scrollTop - posRef.current) > 2) posRef.current = el.scrollTop; // user scrolled
posRef.current += speed * dt;
const max = el.scrollHeight - el.clientHeight;
if (speed > 0 && posRef.current >= max - 1) posRef.current = 0;
if (speed < 0 && posRef.current <= 0) posRef.current = max;
el.scrollTop = posRef.current;
};
raf = requestAnimationFrame(tick);
return () => cancelAnimationFrame(raf);
}, [speed]);
return (
Editable narration — click into the panel to type (auto-scroll pauses while editing). Roll speed & direction in the top-right controls.
);
}
function Controls({ tweaks, setTweaks }) {
const set = (k, v) => setTweaks(prev => ({ ...prev, [k]: v }));
const mm = Math.floor(tweaks.simT / 60).toString().padStart(2,'0');
const ss = Math.floor(tweaks.simT % 60).toString().padStart(2,'0');
const dur = SCENARIOS[tweaks.scenario].duration;
const focused = tweaks.focus !== 'BOTH';
return (
Two HUD directions for a holographic combat-medic display supporting the full
MARCH·PAWS protocol. A library of 50 scripted casualty scenarios, each paced
as a 20–25 minute trauma lane — interventions, well-known complications, corrective
actions, and teaching points — built for classroom walk-through before hands-on trauma runs.
Vitals respond to every event; performance is scored live against lane benchmarks.
Pick a scenario and sim speed from the top-right controls; use FOCUS for the teaching teleprompter.