{tool === 'burn' && (
BURN MODE
{burnMode === 'regions' ? 'Tap a quadrant · Rule of 9' : 'Drag to draw — stays inside body lines'}
)}
{['rArm','lArm','rLeg','lLeg'].map(k => {
const lbl = { rArm: 'TQ · R ARM', lArm: 'TQ · L ARM', rLeg: 'TQ · R LEG', lLeg: 'TQ · L LEG' }[k];
const tq = tourniquets[k];
return (
toggleTQ(k)} style={{cursor:'pointer'}}>
{lbl}
{tq.active ? 'APPLIED' : 'OFF'}
Type
Site
Time
updateTQ(k, 'time', e.target.value)}
disabled={!tq.active}
/>
);
})}
{tbsa > 0 && (
)}
);
}
function BurnResusCard({ tbsa, pk, weightKg, regionCount, regions, regionTbsa, outlineTbsa, outlineCount }) {
const [formula, setFormula] = React.useState('parkland');
const severity = tbsa < 10 ? 'minor' : tbsa < 20 ? 'mod' : tbsa < 40 ? 'major' : 'sev';
const sevLabel = { minor: 'Minor', mod: 'Moderate', major: 'Major', sev: 'Severe' }[severity];
const regionList = (regions || []).map(k => BURN_REGIONS[k] && BURN_REGIONS[k].label).filter(Boolean);
const r10 = ruleOfTen(tbsa, weightKg);
const hasBreakdown = (outlineCount || 0) > 0 && (regionCount || 0) > 0;
return (
BURN · Rule of 9{(outlineCount || 0) > 0 ? ' + outline' : ''}
{sevLabel}
{tbsa.toFixed(1)}%
TBSA · {regionCount} region{regionCount !== 1 ? 's' : ''}{(outlineCount || 0) > 0 ? ` · ${outlineCount} outline${outlineCount !== 1 ? 's' : ''}` : ''}
{/* Source breakdown so the body-region % is visibly summed into TBSA */}
{hasBreakdown && (
Regions {(regionTbsa || 0).toFixed(1)}%
+
Outlines {(outlineTbsa || 0).toFixed(1)}%
=
{tbsa.toFixed(1)}%
)}
{regionList.length > 0 && (
{regionList.map((lbl, i) => {lbl})}
)}
{/* Formula selector — Parkland vs USAISR Rule of 10s */}
{weightKg > 0 ? (
formula === 'parkland' ? (
<>
Parkland 4 mL/kg/%
4 × {weightKg} × {tbsa.toFixed(1)} = {pk.total.toLocaleString()} mL / 24h
First 8 h
{pk.first8.toLocaleString()} mL LR · {pk.rateFirst8} mL/hr
Next 16 h
{pk.next16.toLocaleString()} mL LR · {pk.rateNext16} mL/hr
{tbsa < 20 && (
{'<'}20% TBSA: oral hydration usually sufficient.
)}
{tbsa >= 20 && (
Major burn — start LR resuscitation, titrate to UOP 0.5 mL/kg/h.
)}
) : (
<>
Rule of 10s · %TBSA × 10
{Math.round(tbsa)} × 10 = {r10.base.toLocaleString()} mL/hr
{r10.adj > 0 && (
+100 mL/hr per 10 kg > 80
{weightKg} kg → +{r10.adj} mL/hr
)}
Initial LR rate
{r10.rate.toLocaleString()} mL/hr · ~{(r10.rate * 8 / 1000).toFixed(1)} L first 8h
USAISR Rule of 10s — adult initial estimate for ≥20% TBSA. Titrate to UOP 30–50 mL/hr.
)
) : (
Set patient weight in roster to compute resuscitation.
)}
);
}
function ruleOfTen(tbsaPct, weightKg) {
const w = Number(weightKg) || 0;
const t = Math.round(Number(tbsaPct) || 0);
const base = t * 10;
let adj = 0;
if (w > 80) adj = 100 * Math.floor((w - 80) / 10);
return { base, adj, rate: base + adj };
}
function nowHHMM() {
const d = new Date();
return String(d.getHours()).padStart(2,'0') + String(d.getMinutes()).padStart(2,'0');
}
function polyCentroid(points) {
if (!points || points.length === 0) return { x: 0, y: 0 };
if (points.length < 3) return points[0];
let a = 0, cx = 0, cy = 0;
for (let i = 0, j = points.length - 1; i < points.length; j = i++) {
const cross = points[j].x * points[i].y - points[i].x * points[j].y;
a += cross;
cx += (points[j].x + points[i].x) * cross;
cy += (points[j].y + points[i].y) * cross;
}
a *= 0.5;
if (Math.abs(a) < 1e-6) {
const n = points.length;
return { x: points.reduce((s, p) => s + p.x, 0) / n, y: points.reduce((s, p) => s + p.y, 0) / n };
}
return { x: cx / (6 * a), y: cy / (6 * a) };
}
function polygonArea(points) {
if (!points || points.length < 3) return 0;
let area = 0;
for (let i = 0, j = points.length - 1; i < points.length; j = i++) {
area += (points[j].x + points[i].x) * (points[j].y - points[i].y);
}
return Math.abs(area / 2);
}
let __silhouettePixelCount = null;
function getSilhouettePixelCount() {
if (__silhouettePixelCount != null) return __silhouettePixelCount;
try {
const c = document.createElement('canvas');
c.width = BODY_W; c.height = BODY_H;
const ctx = c.getContext('2d');
if (!ctx || typeof Path2D === 'undefined') return null;
ctx.fillStyle = '#000';
ctx.fill(new Path2D(SILHOUETTE_PATH));
const data = ctx.getImageData(0, 0, BODY_W, BODY_H).data;
let n = 0;
for (let i = 3; i < data.length; i += 4) if (data[i] > 0) n++;
__silhouettePixelCount = n;
return n;
} catch (e) { return null; }
}
const __burnPatchPctCache = new Map();
function patchTBSAPercent(points) {
if (!points || points.length < 3) return 0;
const key = points.map(p => `${Math.round(p.x*4)},${Math.round(p.y*4)}`).join(';');
if (__burnPatchPctCache.has(key)) return __burnPatchPctCache.get(key);
const bodyPx = getSilhouettePixelCount();
let pct;
if (bodyPx && typeof Path2D !== 'undefined') {
try {
const c = document.createElement('canvas');
c.width = BODY_W; c.height = BODY_H;
const ctx = c.getContext('2d');
ctx.save();
ctx.clip(new Path2D(SILHOUETTE_PATH)); // restrict to silhouette
ctx.beginPath();
ctx.moveTo(points[0].x, points[0].y);
for (let i = 1; i < points.length; i++) ctx.lineTo(points[i].x, points[i].y);
ctx.closePath();
ctx.fillStyle = '#000';
ctx.fill();
ctx.restore();
const data = ctx.getImageData(0, 0, BODY_W, BODY_H).data;
let patchPx = 0;
for (let i = 3; i < data.length; i += 4) if (data[i] > 0) patchPx++;
pct = (patchPx / bodyPx) * 50;
} catch (e) {
pct = (polygonArea(points) / (BODY_W * BODY_H * 0.40 * 2)) * 100;
}
} else {
pct = (polygonArea(points) / (BODY_W * BODY_H * 0.40 * 2)) * 100;
}
__burnPatchPctCache.set(key, pct);
return pct;
}
function estimateBurnTBSA(injuries, burnedRegions) {
let total = 0;
for (const key of (burnedRegions || [])) {
const r = BURN_REGIONS[key];
if (r) total += r.tbsa;
}
const patches = (injuries || []).filter(i => i.type === 'burn' && i.points && i.points.length >= 3);
for (const p of patches) total += (typeof p.pct === 'number') ? p.pct : patchTBSAPercent(p.points);
return Math.min(100, Math.max(0, total));
}
function parkland(tbsaPct, weightKg) {
const w = Number(weightKg) || 0;
const t = Number(tbsaPct) || 0;
const total = 4 * w * t;
const first8 = total / 2;
const next16 = total / 2;
return {
total: Math.round(total),
first8: Math.round(first8),
next16: Math.round(next16),
rateFirst8: Math.round(first8 / 8),
rateNext16: Math.round(next16 / 16),
};
}
function CasualtyFigure({ injuries, tourniquets, burnedRegions, acuteFindings, findingPos }) {
const noop = () => {};
const common = {
injuries: injuries || [], acuteFindings: acuteFindings || [],
findingPos: findingPos || {}, onMoveFinding: noop,
burnedRegions: burnedRegions || [], burnMode: 'regions', tool: 'none',
tourniquets: tourniquets || {}, onAdd: noop, onToggleRegion: noop,
draftPatch: null, onPatchStart: noop, onPatchMove: noop, onPatchEnd: noop,
};
return (