// screens-chat.jsx — "Chat" tab: anonymous church + life-group messaging over Nostr. // UI is wired; transport is mock for now. Identity is REAL when lib/identity.js has // derived a key (window.TrinityIdentity), otherwise falls back to the mock identity. const { useState: useC, useEffect: useCE, useRef: useCR } = React; // Giving is PARKED for the pilot's first months (focus on chat first). Flip to true to bring it // back -- the whole Lightning giving flow stays built behind this flag. const GIVING_ON = false; // reflect the live (real-or-mock) anonymous identity; re-render on regeneration function useIdentity() { const [, force] = useC(0); useCE(() => { const h = () => force(x => x + 1); window.addEventListener('trinity-identity', h); window.addEventListener('trinity-profiles', h); return () => { window.removeEventListener('trinity-identity', h); window.removeEventListener('trinity-profiles', h); }; }, []); return (window.TrinityIdentity && window.TrinityIdentity.current) || window.TrinityData.CHAT_IDENTITY; } // the current user's chosen display name (kind-0) or the anonymous handle function myName(id) { return (window.Fellowship && window.Fellowship.myProfile && window.Fellowship.myProfile.name) || id.handle; } // the current user's avatar (chosen symbol/monogram, or a deterministic default) function myAvatar(id) { const FS = window.Fellowship; if (FS && FS.myPubkey && FS.displayFor) { const d = FS.displayFor(FS.myPubkey); if (d.av) return d.av; } return { kind: 'monogram', color: (id && id.color) || '#5E8C6A' }; } function avOf(d) { return d.av || { kind: 'monogram', color: d.color || '#5E8C6A' }; } // avatar = profile picture if set, else a colored circle with the name's initial function Avatar({ handle, color, size = 38, src }) { const [err, setErr] = useC(false); if (src && !err) { return setErr(true)} style={{ width: size, height: size, borderRadius: 999, objectFit: 'cover', flexShrink: 0 }} />; } const word = (handle || 'Anonymous').split(' ').slice(-1)[0]; return (
{(word[0] || '?').toUpperCase()}
); } // ── Identity manager sheet (anonymous Nostr key: recovery / restore / steward invite) ── function NostrSheet({ open, onClose, ctx, initialPane }) { const id = useIdentity(); const [relayList, setRelayList] = useC(null); // live relay status from the transport const [pane, setPane] = useC('main'); // main | recovery | restore | invite const [words, setWords] = useC(null); // revealed recovery phrase const [restoreText, setRestoreText] = useC(''); const [invite, setInvite] = useC(null); // {mnemonic, profile} const [nameInput, setNameInput] = useC(''); const [avInput, setAvInput] = useC(null); // editable mark in the profile pane const [relayInput, setRelayInput] = useC(''); const ID = window.TrinityIdentity; const FS = window.Fellowship; useCE(() => { if (!open) return; setPane(initialPane || 'main'); setWords(null); setRestoreText(''); setInvite(initialPane === 'invite' && ID && ID.makeInvite ? ID.makeInvite() : null); setNameInput((FS && FS.myProfile && FS.myProfile.name) || ''); setAvInput(myAvatar(id)); }, [open]); const saveProfile = async () => { if (!(FS && FS.setProfile)) { ctx.toast('Chat transport not ready'); return; } await FS.setProfile({ name: nameInput, av: avInput || undefined }); ctx.toast(nameInput.trim() ? 'Profile saved' : 'Name cleared'); setPane('main'); }; // poll real relay connection status while the sheet is open useCE(() => { if (!open) return; if (!(window.Fellowship && window.Fellowship.relayStatus)) { setRelayList(window.TrinityData.RELAYS); return; } let live = true; const load = () => window.Fellowship.relayStatus().then(r => { if (live) setRelayList(r); }).catch(() => {}); load(); const iv = setInterval(load, 4000); window.addEventListener('trinity-relays', load); return () => { live = false; clearInterval(iv); window.removeEventListener('trinity-relays', load); }; }, [open]); const addRelay = () => { const u = relayInput.trim(); if (!/^wss?:\/\//i.test(u)) { ctx.toast('Use a ws:// or wss:// URL'); return; } FS.addRelay(u); setRelayInput(''); ctx.toast('Relay added'); }; const copyNpub = () => { if (ID && ID.copyNpub) ID.copyNpub(); else if (navigator.clipboard) navigator.clipboard.writeText(id.npub).catch(() => {}); ctx.toast('Public key copied'); }; const regen = async () => { if (ID && ID.regenerate) { await ID.regenerate(); ctx.toast('New anonymous identity created'); } }; const reveal = async () => { if (ID && ID.exportMnemonic) { const m = await ID.exportMnemonic(); setWords(m ? m.split(' ') : []); } }; const doRestore = async () => { try { await ID.importMnemonic(restoreText); ctx.toast('Identity restored'); setPane('main'); } catch (e) { ctx.toast(e.message || 'Invalid recovery phrase'); } }; const startInvite = () => { if (ID && ID.makeInvite) setInvite(ID.makeInvite()); setPane('invite'); }; const copyText = (t, msg) => { if (navigator.clipboard) navigator.clipboard.writeText(t).catch(() => {}); ctx.toast(msg); }; const Header = ({ title, back }) => (
{back ? :
}
{title}
); const rowBtn = (icon, label, sub, onClick, tone) => ( ); return ( {pane === 'main' &&

Chat runs on Nostr — no email, no phone, no account. Just a key on your device. Your church sees a friendly handle, never you.

{myName(id)}
{myName(id) === id.handle ? 'Anonymous member' : 'TrinityOne member'}
{rowBtn('book', 'Help & guides', 'Simple guides — read aloud if you like', () => { onClose(); ctx.openHelp('index'); }, 'var(--clay)')} {rowBtn('pen', 'Display name', myName(id) === id.handle ? 'Choose a name your church sees' : myName(id), () => setPane('profile'))} {rowBtn('key', 'Recovery phrase', 'Back up your 12 words — your only way to restore', () => setPane('recovery'))} {rowBtn('refresh', 'Restore an identity', 'Paste a 12-word phrase from another device', () => setPane('restore'))} {rowBtn('qr', 'Invite a member', 'Hand someone a ready-made anonymous identity', startInvite, 'var(--clay)')}
RELAYS
{relayList === null ?
Checking…
: null} {relayList !== null && !(relayList || []).length ? (
No relay yet — join a church (scan its invite) and you’ll connect to its relay automatically.
) : null}
{(relayList || []).map(r => (
{r.url} {r.status === 'on' ? 'Connected' : 'Off'}
))}
{(relayList || []).length ?
Relays are managed by the churches you’ve joined.
: null} } {pane === 'profile' &&

Pick a name and a mark your church sees instead of an anonymous handle. You stay anonymous — no email or phone, just a name on your key. Leave the name blank to go back to {id.handle}.

DISPLAY NAME
setNameInput(e.target.value)} maxLength={40} placeholder="e.g. Maria from Tuesday group" style={{ width: '100%', boxSizing: 'border-box', height: 50, padding: '0 14px', borderRadius: 14, border: '1px solid var(--line)', background: 'var(--surface-2)', outline: 'none', fontSize: 16, color: 'var(--ink)', fontFamily: 'var(--font-ui)', marginBottom: 20 }} />
YOUR MARK
} {pane === 'recovery' &&
These 12 words are your identity & wallet. Anyone with them controls it. Write them down offline — never share or screenshot them.
{!words ? ( ) : words.length === 0 ? (
No phrase stored on this device (web preview uses a temporary key).
) : (
{words.map((w, i) => (
{i + 1} {w}
))}
)} } {pane === 'restore' &&

Paste the 12-word recovery phrase. This replaces the identity on this device.