{/* fill bar · width animates smoothly */}
{/* moving sheen sweep */}
{vals[i]}
))}
);
}
function HubDecision({ time }) {
// Show the most recent packet's decision in a cinematic plate.
const recent = [...PACKETS].reverse().find(p => time >= p.t);
if (!recent) {
return (
waiting on signal…
);
}
const since = time - recent.t;
const isHot = since < 1.4;
const guest = GUEST_BY_ID[recent.target];
const src = SRC_BY_ID[recent.src];
const isNew = recent.kind === "new";
const accent = isNew ? GREEN : FUCHSIA;
return (
{isNew ? "NEW CONTACT" : `MERGED · MATCHED ON ${recent.matchOn?.toUpperCase()}`}
{guest.cid}
);
}
// ────────────────────────── capabilities grid (engine-style) ──────────────────────────
const CAPS = [
{ idx: "01", title: "Auto-dedup, every channel", body: "Phone, email, WhatsApp ID, OTA temp address. Identity stitched on the way in, never as a nightly batch." },
{ idx: "02", title: "OTA temp → real email", body: "When the captive portal collects a personal email, it transparently replaces the booking.com / expedia temp address." },
{ idx: "03", title: "TTOO bookings unlocked", body: "Tour-operator rooming lists arrive with zero contact data. Reception or the portal enriches each pax in-stay." },
{ idx: "04", title: "Companions captured", body: "Every adult and child registered at check-in becomes its own contact under the booking, with consent and DOB." },
{ idx: "05", title: "Folio extras enrich", body: "Spa, F&B, minibar, excursion. Every post-checkout extra hangs off the guest, ready for targeted campaigns." },
{ idx: "06", title: "Webhooks out · real-time", body: "Every state change pushes to your CDP, BI, marketing automation. Auditable, replayable, no nightly drift." },
];
function Capabilities() {
return (
{CAPS.map((c, i) => (
{c.idx}
{c.title}
{c.body}
))}
);
}
// The Header() that used to live here duplicated crm.html's own hero
// verbatim ("Every contact, every channel. / One omnichannel record.")
// in the old Source Serif 4 / #CE5188 palette — but nothing ever rendered
// it (no call, no window export). crm.html's real hero already
// uses the shared .h-display/.eyebrow classes; this was dead duplicate
// code left over from before the page was restructured. Removed rather
// than fixed, since fixing a function nothing calls fixes nothing.
// ────────────────────────── playback bar ──────────────────────────
function PlayBar({ time, playing, onToggle, onSeek, speed, onSpeed }) {
const dedupCount = PACKETS.filter(p => time >= p.t && p.kind === "merge").length;
const newCount = PACKETS.filter(p => time >= p.t && p.kind === "new").length;
return (