{['Charter','BRD','FFD','Maps','Code','UAT'].map((p, i) => {
const active = i === 0;
return (
{i+1}. {p}
{i < 5 && →}
);
})}
);
}
function Act2Notebook() {
const t = useT();
// Slide in from right between 1.5–2.5s
const slideIn = Math.min(1, Math.max(0, (t - 1500) / 1100));
const slideEased = 1 - Math.pow(1 - slideIn, 2);
// Lift out 17.0–20.0s
const slideOut = Math.min(1, Math.max(0, (t - 17000) / 3000));
const slideOutEased = Math.pow(slideOut, 2);
const tx = (1 - slideEased) * 1200 + slideOutEased * 1500;
const opacity = Math.min(slideEased, 1 - slideOutEased * 0.95);
return (
{/* PHASE header */}
2400 ? 1 : 0 }}>
3300 ? Math.min(540, (t - 3300) * 1.2) : 0,
transition: 'none',
}} />
3700 ? 1 : 0,
}}>
😍 HUMAN ONLY
{/* PROBLEM STATEMENT */}
{/* GOAL STATEMENT */}
{/* VOC quotes */}
{[
{ q: 'I don\u2019t want to be asked for the same thing twice.', from: 12700 },
{ q: 'Why did you go dark on me?', from: 12950 },
{ q: 'Who has the ball right now?', from: 13200 },
].map((c, i) => {
const op = Math.min(1, Math.max(0, (t - c.from) / 500));
const ty = (1 - op) * 16;
return (
"
{c.q}
);
})}
);
}
function SectionHeader({ title, hint, startMs }) {
const t = useT();
// Gate hint visibility behind title typewriter completion (~650ms)
const hintReady = t > startMs + 500;
const hintOp = hintReady ? Math.min(1, (t - (startMs + 500)) / 350) : 0;
return (
({hint})
);
}
function Section({ title, hint, body, headerStart, bodyStart }) {
return (
);
}
window.SceneAct2 = SceneAct2;