// screen-triage.jsx — Interlude between P01 and P02. // Distress signals from fellow operatives stream in; route each to the // correct support uplink before the queue overflows. const { useState: useStTr, useEffect: useEfTr, useRef: useRfTr, useMemo: useMmTr } = React; function TriageScreen({ run, difficulty, onComplete }) { // ── Difficulty knobs ──────────────────────────────────────────────── const tMul = window.__sylExtendedTime ? 1.5 : 1; const cfg = difficulty === 'recruit' ? { count: 5, time: Math.round(75 * tMul), nodes: 4 } : difficulty === 'ghost' ? { count: 7, time: Math.round(50 * tMul), nodes: 6 } : { count: 6, time: Math.round(60 * tMul), nodes: 5 }; // Pick a random subset of signals; for each signal ensure its target node // is one of the visible nodes. const session = useMmTr(() => { const shuffled = [...TRIAGE_SIGNALS].sort(() => Math.random() - 0.5); const picked = shuffled.slice(0, cfg.count); // Ensure every needed resource is among the visible nodes const needed = [...new Set(picked.map((s) => s.resource))]; const extras = TRIAGE_NODES.filter((n) => !needed.includes(n.id)) .sort(() => Math.random() - 0.5) .slice(0, Math.max(0, cfg.nodes - needed.length)); const visibleNodes = [ ...needed.map((id) => TRIAGE_NODES.find((n) => n.id === id)), ...extras, ].sort(() => Math.random() - 0.5); return { signals: picked, nodes: visibleNodes }; }, [difficulty]); // ── State ─────────────────────────────────────────────────────────── const [idx, setIdx] = useStTr(0); const [routed, setRouted] = useStTr([]); // [{signalId, nodeId, correct}] const [feedback, setFeedback] = useStTr(null); // {nodeId, correct, signal, why} const [time, setTime] = useStTr(cfg.time); const [done, setDone] = useStTr(false); const [hoverNode, setHoverNode] = useStTr(null); const [pulseId, setPulseId] = useStTr(null); const tickRef = useRfTr(null); const signal = session.signals[idx]; // ── Tick the queue clock ─────────────────────────────────────────── const trPaused = window.useSylPaused ? window.useSylPaused() : false; useEfTr(() => { if (done || trPaused) return; tickRef.current = setInterval(() => { setTime((t) => { if (t <= 1) { clearInterval(tickRef.current); finalize(); return 0; } return t - 1; }); }, 1000); return () => clearInterval(tickRef.current); // eslint-disable-next-line }, [done, trPaused]); // Auto-advance after feedback flash useEfTr(() => { if (!feedback) return; const t = setTimeout(() => { setFeedback(null); const next = idx + 1; if (next >= session.signals.length) finalize(); else setIdx(next); }, 1500); return () => clearTimeout(t); // eslint-disable-next-line }, [feedback]); function route(nodeId) { if (feedback || done || !signal) return; const correct = nodeId === signal.resource; const node = session.nodes.find((n) => n.id === nodeId); const correctNode = TRIAGE_NODES.find((n) => n.id === signal.resource); setRouted((r) => [...r, { signalId: signal.id, nodeId, correct }]); setPulseId(nodeId); setFeedback({ correct, node, signal, correctNode }); window.sylAnnounce && window.sylAnnounce( correct ? `Routed correctly to ${node.label}. Plus 120 XP.` : `Misrouted. Correct uplink was ${correctNode.label}.`, true ); setTimeout(() => setPulseId(null), 600); } function finalize() { if (done) return; setDone(true); const correct = [...routed].filter((r) => r.correct).length + (feedback?.correct ? 1 : 0); const total = session.signals.length; const accuracy = correct / total; // Score: 100 base per correct + 30 timing bonus when accuracy ≥ 80% const base = correct * 120; const bonus = accuracy >= 0.8 ? Math.round(time * 4) : 0; const integrity = Math.round(accuracy * 100); setTimeout(() => onComplete({ protocol: 'triage', score: base + bonus, correct, total, integrity, badge: accuracy >= 0.8 ? 'FIELD MEDIC' : null, }), 800); } const correctCount = routed.filter((r) => r.correct).length; const integrityNow = routed.length === 0 ? 100 : Math.round((correctCount / routed.length) * 100); return (
{/* Header */}
◢ INTERLUDE / UPLINK_TRIAGE
ROUTE THE DISTRESS SIGNALS
Squad's regrouping. Operatives in adjacent ops are pinging your channel — drop each signal onto the right uplink. Wrong route still helps, but costs cycles.
QUEUE TIME
{time}s
INTEGRITY · = 80 ? 'var(--neon-lime)' : 'var(--neon-yellow)' }}>{integrityNow}%
{/* Progress dots */}
{session.signals.map((s, i) => { const r = routed[i]; return (
); })}
{/* Main area: signal card + node grid */}
{/* Signal card */}
◢ INCOMING / SIGNAL {idx + 1} of {session.signals.length}
ENCRYPTED · SRC/anonymous-op-{(idx * 7 + 13) % 99}
"{signal?.text}"
{/* Node grid */}
{session.nodes.map((n) => { const showCorrect = feedback && n.id === feedback.signal.resource; const showWrong = feedback && pulseId === n.id && !feedback.correct; const showPulse = pulseId === n.id && feedback?.correct; const isHover = hoverNode === n.id && !feedback; return ( ); })}
{/* Feedback flash */} {feedback && (
{feedback.correct ? `✓ ROUTED → ${feedback.node.label.toUpperCase()}` : `✗ MISROUTED. CORRECT UPLINK: ${feedback.correctNode.label.toUpperCase()}`} {feedback.correct ? '+ 120 XP' : '+ 0 XP'}
)}
); } window.TriageScreen = TriageScreen;