);
}
// ─── RIGHT · golden record output ───
function ProvenanceDots({ srcs, allHotels, recentSrc }) {
// Show source-hotel chips for fields. `srcs` = Set of ids that contributed.
return (
{allHotels.map(id => {
const has = srcs.has(id);
const s = SRC_BY_ID[id];
const flash = has && id === recentSrc;
return (
);
})}
);
}
function GoldenField({ icon, label, value, srcs, hotels, recentSrc }) {
return (
{label}{value}
);
}
function GoldenOutput({ time }) {
const cur = currentPacket(time);
if (!cur) return ;
const { p: packet, age } = cur;
const grId = packet.target;
const state = goldenStateAt(grId, time);
const gr = GR_BY_ID[grId];
const hotels = gr.sources; // canonical list of hotels that ever contribute
const recentSrc = age < 1.2 ? packet.src : null;
// canonical field values (from gr)
const fieldVals = {
name: gr.name,
email: ({ GR1: "swagner@orange.fr", GR2: "noahfischer@web.de", GR3: "iflores@gmail.com", GR4: "mjohnson@icloud.com", GR5: "hdavis@outlook.com" })[gr.id],
phone: ({ GR1: "+49 632 497 142", GR2: "+1 570 722 861", GR3: "+34 338 465 991", GR4: "+43 740 179 039", GR5: "+420 769 846 413" })[gr.id],
dob: gr.dob,
nat: gr.nat,
doc: "·",
};
const hotelsLinked = state ? state.sourceSet.size : 0;
const merging = packet.kind === "merge" && age < 1.2;
const isNew = packet.kind === "new" && age < 1.0;
return (
{/* header */}
GOLDEN RECORD{gr.cid}
canonical · per-field provenance
{/* avatar + name */}
);
}
// ─── flow connectors between the three columns ───
function FlowConnectors({ time, playing }) {
const cur = currentPacket(time);
const age = cur?.age ?? 99;
const hot = age < PACKET_HOLD * 1.2;
// 2 horizontal rails between columns
return (
);
}
// ─── full workbench container ───
function Workbench({ time, playing }) {
return (
RAW PMS RECORD → 3-STAGE RESOLUTION → GOLDEN RECORD
DET 99% · FUZZY 0.70–0.90 · AI VERIFY
);
}
// ─── golden record assembly · stacked contribution layers ───
// Each profile becomes a vertical "core sample" of merge contributions.
// Bottom = first sighting, top = most recent merge. Stage color stripes each layer.
function layersForGR(grId, time) {
return PACKETS
.filter(p => p.target === grId && p.t <= time && p.kind !== "skip")
.sort((a, b) => a.t - b.t); // oldest first → stack bottom-up
}
function fieldsFromPacket(p) {
if (p.kind === "new") return ["user", "mail", "phone", "cal", "earth"];
const f = [];
if (p.det?.email === true) f.push("mail");
if (p.det?.phone === true) f.push("phone");
if (p.det?.doc === true) f.push("id");
if (p.stage === "fuzzy" || p.stage === "ai") {
if (!f.includes("user")) f.push("user");
if (!f.includes("cal")) f.push("cal");
if (!f.includes("earth"))f.push("earth");
}
return f.length ? f : ["user"];
}
function ContributionLayer({ p, isLatest, time }) {
const src = SRC_BY_ID[p.src];
const isNew = p.kind === "new";
const stageObj = STAGES.find(s => s.id === p.stage);
const stageColor = isNew ? GREEN : stageObj.color;
const stageLabel = isNew ? "FIRST SIGHTING"
: p.stage === "det" ? "DETERMINISTIC"
: p.stage === "fuzzy" ? "FUZZY MATCH"
: "AI VERIFY";
const stageShort = isNew ? "NEW"
: p.stage === "det" ? "DET"
: p.stage === "fuzzy" ? "FUZZY"
: "AI";
const recent = isLatest && (time - p.t) < 1.4;
const fields = fieldsFromPacket(p);
return (
{/* tick connector to the spine */}
{/* row 1: hotel + stage + conf */}
);
}
const PRIMITIVES = [
{
idx: "01", name: "INGESTION",
title: "Three modes, one schema",
body: "Single push, nightly batch or historical bulk. E.164 phone normalization, OTA-temp-email detection, and upsert dedup on (tenant, hotel, ext_reservation_id) · every payload lands as a guest, a stay and the extras, atomically.",
bullets: [
"Single · 1 reservation · real-time PMS push",
"Batch · up to 100 · nightly delta sync",
"Bulk · up to 5,000 · async with batch_id + replay",
],
quote: "Your PMS push lands as a guest, a stay and the extras · in the same call.",
viz: VizIngestion,
},
{
idx: "02", name: "DETERMINISTIC",
title: "The obvious 99%",
body: "Four exact-match strategies cover the easy hits. Case-insensitive email, E.164-normalized phones, document type+number pairs, and a 4-field composite for guests without contact info.",
bullets: [
"Email · case-insensitive exact",
"Phone · E.164 · handles bare nationals",
"Composite · family_name + DOB + nationality + gender",
],
quote: "The merge that obviously should have happened. We just do it.",
viz: VizDeterministic,
},
{
idx: "03", name: "FUZZY MATCH",
title: "Variant-aware scoring",
body: "A 9-feature weighted composite over name, DOB, document, nationality, gender, stay proximity, hotel overlap and channel. Five blocking strategies pre-filter the candidates so we never run O(N²).",
bullets: [
"9 features · family 0.25 · given 0.20 · DOB 0.20 …",
"5 blocking strategies · prefix, domain, phone-prefix",
">0.90 auto-merge · 0.70–0.90 → AI · <0.70 skip",
],
quote: "Isabel and Isabelle on the same DOB? That's one person.",
viz: VizFuzzy,
},
{
idx: "04", name: "AI VERIFY",
title: "Claude on the long tail",
body: "A custom system prompt with hotel-industry false-positive patterns. Handles transliterations, nicknames, cultural naming conventions. Only the 0.70–0.90 band · about 5% of candidates · and every reasoning text is logged.",
bullets: [
"Evaluates the 0.70–0.90 confidence band only",
"Merges on >85% AI confidence",
"Full reasoning text logged for every decision",
],
quote: "Sean is a common Anglicisation of Sergio.",
viz: VizAiVerify,
},
{
idx: "05", name: "SMART TRIAGE",
title: "Safeguards against false merges",
body: "Two guests on the same email aren't always the same person. Jaro-Winkler similarity must hold on the given name. Family members on a single booking stay separate via the same-reservation guard.",
bullets: [
"Jaro-Winkler ≥ 0.85 · given-name divergence",
"Same-reservation guard · families stay split",
"Batched 1,000 unmatched guests per pass",
],
quote: "María García and Pedro García are not the same person.",
viz: VizSmartTriage,
},
{
idx: "06", name: "GOLDEN RECORD",
title: "Provenance per field",
body: "Every canonical field carries provenance metadata. See exactly which PMS contributed which name, email or document. Audit the merge chain all the way back to the contributing reservation.",
bullets: [
"field_sources JSONB · per-field hotel attribution",
"Aggregates · total_stays · spend · hotels_visited",
"Reversible merges via merged_into_id pointer",
],
quote: "You never lose where a fact came from.",
viz: VizGoldenRecord,
},
{
idx: "07", name: "DATA QUALITY",
title: "A score you can act on",
body: "A weighted completeness score per profile, per hotel and per tenant. Email and phone weigh heaviest because they unlock reachability and segmentation. Recomputed on every merge.",
bullets: [
"Email 30% · Phone 30% · DOB 15% · Nat 15% · Doc 10%",
"Per-profile, per-property and per-tenant rollups",
"Live recompute on every merge or enrichment",
],
quote: "A number your CRM team can chase, not a chart they ignore.",
viz: VizDataQuality,
},
{
idx: "08", name: "AUTO-PROMOTION",
title: "Zero-touch CRM bridge",
body: "Reachable profiles flow into the CRM automatically. Nine contact fields are filled · only if null · so manual CRM edits are never overwritten. Reservations bridge to the CRM in the same pass.",
bullets: [
"Phone-first dedup, email fallback",
"9 fields enriched · fill-only-null strategy",
"Reservations upserted into the CRM in parallel",
],
quote: "No more 'import the latest CSV from booking.com'.",
viz: VizAutoPromotion,
},
{
idx: "09", name: "CONSENT RESOLUTION",
title: "Three-tier consent stack",
body: "Consent resolved with explicit priority: PMS-collected consent wins, then CDP auto-consent toggles, then your tenant default. Flip a setting and backfill retroactively across every promoted profile.",
bullets: [
"Tier 1 · PMS consent (passport-side)",
"Tier 2 · CDP auto-consent · email + whatsapp",
"Tier 3 · tenant default · retroactive backfill",
],
quote: "GDPR-shaped, not GDPR-flavored.",
viz: VizConsent,
},
{
idx: "10", name: "WEB SDK",
title: "Anonymous to identified",
body: "A zero-dependency snippet drops a 13-month visitor_id and a 30-min session_id. Auto-tracks pageviews, scroll, clicks, forms. PII is stripped before transmission. GPC honored. 10s batched flush with beacon fallback.",
bullets: [
"Persistent visitor_id · 13-month max-age cookie",
"Event batching · 10s or 50 events · beacon fallback",
"GPC honored · __gm_disable_tracking override",
],
quote: "A pixel that respects the browser, not a tag that ignores it.",
viz: VizWebSdk,
},
{
idx: "11", name: "INTENT SCORE",
title: "Behavior, not surveys",
body: "Sessions × 8, page views × 1.5, return visits × 10, booking-engine views × 12, pricing views × 6, days active × 3. Capped per dimension. Deterministic · explainable to legal, not learned by a black box.",
bullets: [
"0–100 · High ≥ 70 · Medium 35–69 · Low 1–34",
"Booking-engine views weighed heaviest",
"Recomputed nightly · exposed to segment builder",
],
quote: "An intent score you can explain to legal.",
viz: VizIntentScore,
},
{
idx: "12", name: "AUDIT TRAIL",
title: "Every decision, replayable",
body: "Every match decision logged with confidence, matched fields and AI reasoning text. Reverse a merge with merged_into_id, replay an entire batch, debug any single decision, and cascade GDPR deletes with proof of erasure.",
bullets: [
"Per-decision log · stage · confidence · reasoning",
"Reverse a merge via merged_into_id pointer",
"GDPR delete cascade with proof-of-erasure",
],
quote: "Auditors stop calling. The record always knows.",
viz: VizAudit,
},
];
function PrimitiveCard({ p }) {
return (
{pvs.length} prior pageviews retroactively attached.
Full session history bridged to the CRM. Intent {finalIntent},
booking window {bookingWindowFinal}, top interests written to contacts.web_interests.
{topCats.slice(0, 5).map(c => (
{c.id}
))}
) : (
<>
No contact captured yet · every session attaches to the same 13-month visitor_id cookie.
The moment this visitor reveals themselves (newsletter signup, loyalty enrollment, booking,
or any form), every prior pageview folds into the CDP profile and intent + interests sync
to the CRM in nine idempotent steps.
REVEAL HOOKS · IDEMPOTENT BY VISITOR_ID
From anonymous cookie to enriched CRM contact.{" "}
Three real visitor journeys, on rotation.
Every visit drops a 13-month cookie. Every page is auto-classified into one of fourteen
categories. Sessions accumulate, intent climbs with every booking-engine view, and the
interest profile fills out · all anonymously. The moment the visitor reveals themselves
(newsletter, loyalty, form, or booking), every prior pageview retroactively attaches to
the CDP profile and the enriched contact lands in the CRM. Below: three different real
journeys play out on rotation · a long contemplator, a wedding planner, and a returning
loyalty member.
);
}
// ═══════════════════════════════════════════════════════════════════════════
// PROMOTION GATE · what stays in the CDP vs what is sent to the CRM
// + the never-ending ingestion loop (daily PMS delta + historical big bang)
// ═══════════════════════════════════════════════════════════════════════════
// 30 sample consolidated golden records spanning the reachability spectrum.
// reach: "both" (e+p) · "email" · "phone" · "none"
// stays: number of stays consolidated into this golden record
const PG_POPULATION = [
["Sergio Wagner", "SW", "both", 4],
["Maria Johnson", "MJ", "both", 3],
["Isabelle Flores", "IF", "both", 3],
["Noah Fischer", "NF", "both", 2],
["Hugo Davis", "HD", "both", 2],
["Olivia Brown", "OB", "both", 3],
["Mei Chen", "MC", "both", 2],
["Felix Becker", "FB", "both", 3],
["Erik Lindqvist", "EL", "both", 2],
["Hannah Wolff", "HW", "both", 4],
["Mira Reddy", "MR", "both", 2],
["Aisha Bakr", "AB", "both", 3],
["Sophie Martin", "SM", "email", 1],
["Karim Kowalski", "KK", "email", 2],
["Zoe Park", "ZP", "email", 1],
["Jonas Kraft", "JK", "email", 2],
["Lukas Vogel", "LV", "email", 1],
["Tomás Ribeiro", "TR", "phone", 1],
["Diego Alvarez", "DA", "phone", 2],
["Anya Petrov", "AP", "phone", 1],
["Nina Costa", "NC", "phone", 2],
["Oscar Bergman", "OB", "phone", 1],
["Liam Andersson", "LA", "none", 1],
["Yara Khalil", "YK", "none", 1],
["Ravi Mehta", "RM", "none", 2],
["Lara Ferri", "LF", "none", 1],
["Petra Kovac", "PK", "none", 1],
["Bao Tran", "BT", "none", 1],
["Gabriel Souza", "GS", "none", 2],
["Iris Sundgren", "IS", "none", 1],
];
function pgIsReachable(r) { return r === "both" || r === "email" || r === "phone"; }
function pgTone(r) {
if (r === "both") return GREEN;
if (r === "email" || r === "phone") return FUCHSIA;
return FAINT;
}
// ── small contact chip ──
function PGContactChip({ c, pop }) {
const r = c[2];
const reachable = pgIsReachable(r);
const init = c[1];
const tone = pgTone(r);
const eOn = r === "both" || r === "email";
const pOn = r === "both" || r === "phone";
return (
Enriched on the next booking.{" "}
The next checkout with the same name + DOB folds in · if it carries an email or phone,
the record is auto-promoted to the CRM.
The never-ending ingestion loop
DAILY @ 04:00 LOCAL · PER PROPERTY
);
}
function PromotionGate() {
return (
After consolidation · the reachability gate
Many bookings collapse into one record.{" "}
Then a single rule decides where it lives.
Resolution leaves every guest as exactly one golden record. The CDP then asks one
question of each record: does it have a verified email or
phone? If yes, it is auto-promoted to the CRM and immediately becomes marketable on
WhatsApp, email and inside any segment. If no, it stays in the CDP · fully consolidated,
waiting for the next booking to enrich it. Either way,{" "}
every guest and every booking sits in the CDP.
The CRM only sees the reachable subset.
Identity resolution that earns every match it claims.{" "}
Three stages, one decision, full provenance · across every property in the group.
Cross-PMS ingestion, deterministic-first matching, fuzzy 9-feature scoring on the variants,
Claude AI on the long tail. Every canonical field attributed to its source hotel, every
decision logged with confidence and reasoning, every reachable profile promoted into the
CRM automatically. The CDP is not a side-effect of your warehouse. It is the source of
truth your campaigns, journeys, segments and agentic replies all sit on top of.
{PRIMITIVES.map((p) => )}
);
}
// ─── header (breadcrumbs · eyebrow · H1 · H2) ───
//
// Was its own local design system — Source Serif 4, a muted #CE5188 fuchsia,
// an all-caps mono chevron breadcrumb — none of it the site's actual tokens
// (Instrument Serif via .h-display, --accent/--c-instagram, the Home / Platform
// / X breadcrumb every other product page uses). It read as a different,
// disconnected product next to CRM B2C. Rebuilt on the shared classes so it
// can't drift from them again; only the breadcrumb needs inline styling
// since this file has no