);
}
// re-using the glyph SVG paths from the established glyph set
function MiniGlyph({ kind }) {
const hex = kind === 'phishing' ? '#b8351c' : kind === 'helps' ? L_EMBER : L_FOREST;
const soft = kind === 'phishing' ? 'rgba(184,53,28,0.10)' : kind === 'helps' ? L_EMBER_10 : 'rgba(47,109,63,0.10)';
const ring = kind === 'phishing' ? 'rgba(184,53,28,0.22)' : kind === 'helps' ? 'rgba(217,122,37,0.22)' : 'rgba(47,109,63,0.22)';
return (
);
}
// — power 1 — notices what looks off
function PowerNotices() {
return (
}
title="Notices what looks off."
body={`Xiexie watches incoming emails for the things that don't add up. A sender domain one letter off from your real bank. A link that ends up in the wrong country. A pattern flagged by the FTC last week. You hear about it before you click.`}
>
);
}
// inline screenshot of the phishing verdict card — re-uses the existing component
function VerdictPreview() {
return (
{/* fade out at bottom — the screenshot is partial, suggests "more inside the app" */}
actual screenshot · Verdict Card v0.1
);
}
// — power 2 — helps with the small things
function PowerHelps() {
return (
}
title="Helps with the small things."
body={`Open the bank tab. Find last month's electric bill. Make this text bigger. Set a reminder for three-thirty. Whatever your grandkids would do for you — Xiexie does it through voice, in plain English.`}
>
);
}
function Transcript() {
const lines = [
{ who: 'you', text: 'Xiexie, can you make the text in this email a little bigger?' },
{ who: 'app', text: 'Sure. I bumped Mail to 18 point. Like that, or larger?' },
{ who: 'you', text: "That's perfect. Also remind me to call Lisa at three-thirty." },
{ who: 'app', text: 'Set. I\'ll knock on the screen at 3:30 today.' },
];
return (
~/transcripts/2026-05-14.md
listening
{lines.map((l, i) => (
{l.who === 'you' ? 'you' : 'xx'}{l.text}
))}
);
}
// — power 3 — learns who you are
function PowerLearns() {
return (
}
title="Learns who you are."
body={`Xiexie's memory is markdown — plain text you can read and edit. It knows your daughter's name is Lisa. It knows your insurance is Aetna. It forgets nothing on purpose, and remembers nothing in the cloud.`}
>
);
}
function FamilyMd() {
return (
~/.xiexie/wiki/family.mdplain text · 2 KB
# family
people who matter and how to reach them
-Lisa — daughter, lives in Oakland.
Calls Sundays around 4 PM. Allergic to shellfish.
-Aetna — health insurance,
member ID ending 4471. Real domain is aetna.com, not aetnna-secure.com.