Conservative defaults · advanced reachable, never pushed
~{Math.min(15, 4 + Object.values(forward).filter(Boolean).length * 2)}% of inbox eligible
);
}
/* ----------------------------------------------------------- TenantDiagram
* SVG. Shows your tenant as an opaque walled vault; ghosted neighbour
* tenants beside; a horizontal "Reo platform" line beneath all of them with
* NO arrows crossing between vaults. The point is the absence of arrows.
*/
function TenantDiagram({ height = 280 }) {
return (
);
}
/* ============================================================ Variant A
* DIAGRAMMATIC — TenantDiagram dominates the section; principles are short
* captions running underneath.
*/
function PrivacyVariantA() {
const principles = [
{ n: "01", title: "Tenant-isolated by design",
body: "Storage, embeddings, and Skills are scoped to your account alone. No shared index across users; no model trained on your mail." },
{ n: "02", title: "You set the scope",
body: "During onboarding (editable any time) you pick how far back Reo may read and which threads it may watch." },
{ n: "03", title: "Sensitive content quarantined",
body: "HR, medical, financial, legal, privileged, personal — auto-excluded by default. You opt in, never out." },
{ n: "04", title: "Audience disclosed on every action",
body: "Before anything touches the outside world, you see who will receive it." }
];
return (
A · Diagrammatic · architecture-first
Your inbox lives in its own tenant. It is the architecture, not a section.
TENANT ISOLATION · YOUR DATA, YOUR VAULTFIG. A · ARCHITECTURE
{principles.map((p, i) => (
{p.n}
{p.title}
{p.body}
))}
);
}
/* ============================================================ Variant B
* TYPOGRAPHIC-LED — four sober declarative statements set big, with mono
* inline asides. No diagrams; the typography carries the architecture.
*/
function PrivacyVariantB() {
const statements = [
{ lead: "Your inbox lives in", strong: "its own tenant.",
tail: "Storage, embeddings, and Skills are scoped to your account alone.",
aside: "no shared index · no cross-tenant model · no engineer read access" },
{ lead: "You decide", strong: "how much Reo reads.",
tail: "Historical scope from 30 days to all time. Forward scope across eight rule types.",
aside: "conservative defaults · editable any time · settings → scope" },
{ lead: "Sensitive threads", strong: "are quarantined.",
tail: "HR, medical, financial, legal, privileged, personal — auto-excluded by default.",
aside: "you opt in, never out" },
{ lead: "Audience is", strong: "disclosed on every action.",
tail: "Before anything touches the outside world, you see who will receive it.",
aside: "no quiet broadcasts" }
];
return (
B · Typographic · sober declarations
Privacy is the architecture. Read it, then click into anything that needs proof.
);
}
/* ============================================================ Variant C
* IN-BETWEEN — typographic block + a quiet tenant ribbon at the top + a
* scope-selector gesture inline. This is the version the committed page
* uses.
*/
function PrivacyVariantC({ embed = false }) {
const principles = [
{
n: "01",
title: "Tenant-isolated by design",
body: "Storage, embeddings, and Skills are scoped to your account alone. No shared index across users; no model trained on your mail; no Reo engineer can read across tenants.",
proof: "tenant → you · sealed",
diagram:
},
{
n: "02",
title: "You set the scope",
body: "During onboarding (editable any time) you pick how far back Reo may read and which threads it may watch. Defaults err conservative.",
proof: "historical · forward · editable",
diagram: null /* shown separately below the row */
},
{
n: "03",
title: "Sensitive content quarantined",
body: "HR, medical, financial, legal, privileged, personal — auto-excluded by default. You opt in, never out.",
proof: "you opt in · never out"
},
{
n: "04",
title: "Audience disclosed on every action",
body: "Before anything touches the outside world, you see who will receive it. No quiet broadcasts.",
proof: "disclosed before send"
}
];
return (
{!embed && (
C · Hybrid · committed direction
Your inbox lives in its own tenant. Privacy is the architecture, not a section.
);
}
/* ----------------------------------------------------------- TenantRibbon
* Quiet horizontal ribbon used inline under the "tenant-isolated" principle
* in Variant C — three slats, only the middle one is yours.
*/
function TenantRibbon() {
return (