);
}
function ToastOverlay({ at, until, icon }) {
const t = useTime();
if (t < at - 0.3 || t > until + 0.4) return null;
const inn = clamp((t - at) / 0.35, 0, 1);
const out = t > until ? clamp((t - until) / 0.4, 0, 1) : 0;
const o = Math.min(inn, 1 - out);
const ty = lerpV(26, 0, E.easeOutBack(inn)) + out * 18;
return (
{window.TX().toast}
);
}
function FollowerOverlay({ t0, until = Infinity }) {
const t = useTime();
if (t < t0 - 0.3 || t > until + 0.5) return null;
const inn = clamp((t - t0) / 0.5, 0, 1);
const out = until !== Infinity && t > until ? clamp((t - until) / 0.5, 0, 1) : 0;
const ty = lerpV(140, 0, E.easeOutBack(inn)) + out * 60;
return (
M
{window.TX().follower.name}
{window.TX().follower.sub}
{window.TX().follower.safe}
);
}
const lerpV = (a, b, t) => a + (b - a) * t;
// Dev/QA seek hook — lets tooling jump the playhead deterministically.
function Probe() {
const tl = window.useTimeline();
React.useEffect(() => {
window.__seek = (t) => { tl.setPlaying(false); tl.setTime(t); };
window.__play = () => tl.setPlaying(true);
});
return null;
}
/* ----- caption band ------------------------------------------------------ */
function Captions() {
return (
{BEATS.map((b, i) => (
))}
);
}
/* ----- end card ---------------------------------------------------------- */
function EndCard() {
const t = useTime();
if (t < END0 - 0.4) return null;
const p = clamp((t - END0) / 0.6, 0, 1);
const tail = clamp((DURATION - t) / 0.6, 0, 1); // fade out before the loop
const rise = lerpV(40, 0, E.easeOutCubic(p));
return (
Tragitto
{window.TX().endTagline}
{window.TX().stores}
);
}
/* ----- progress dots ----------------------------------------------------- */
function BeatDots() {
const t = useTime();
if (t >= END0) return null;
const active = BEATS.findIndex((b) => t < b.t1);
return (
{BEATS.map((b, i) => (
))}
);
}
/* ----- the scene --------------------------------------------------------- */
function Scene() {
const B = BEATS;
return (
);
}
/* ----- hero scene (landing-page loop) ------------------------------------
Phone content only — no captions, no end card, no beat dots. The phone is
enlarged and centered, and the last beat crossfades back to the first screen
so the time-reset loop is seamless. */
const HERO_DURATION = 24.6; // beats run 0→22.6, then ~2s loop-return
function HeroReturn() {
// Re-shows the Trips screen on top as the final beat ends, landing fully
// opaque at the wrap so t=HERO_DURATION matches t=0.
const t = useTime();
const inn = clamp((t - 22.7) / 1.1, 0, 1); // fade in 22.7 → 23.8
if (inn <= 0.001) return null;
return (
);
}
function HeroScene() {
const B = BEATS;
return (