// simulator.jsx — Eliza chat + admin overlay
// Mount target: #sim-app (the .sim-wrap section)
const { useState, useEffect, useRef, useMemo } = React;
// ─── Eliza's seed transcript + canned, deterministic responses ──────────────
const SEED = [
{ from: 'eliza', t: 'just now', body: <>The lighthouse keeper came in this morning with rain in his coat. He wouldn’t say where he’d been. What about you — what kind of weather are you bringing? },
];
// A small bank of literary, in-character replies. Picked by hash of input
// so the same phrase yields the same reply (deterministic, no API needed).
const REPLIES = [
'Tell me a little more. The café is quiet today; I have time.',
'I keep a notebook for things like that. I will write this down later, after the bread comes out.',
'Yes — I think I understand. My grandmother said something similar once, only in a kitchen and with flour on her hands.',
'Strange how the weather seems to remember more than we do, sometimes. Sit a moment. The kettle is on.',
'I would not call that small. Small things rarely are, when you look at them properly.',
'The harbour was like that yesterday. Half-empty, half-full, depending on the angle.',
'I will hold that for you, if you want. Come back tomorrow and ask me what I remember.',
];
function pickReply(text, memory) {
let h = 0;
for (let i = 0; i < text.length; i++) h = (h * 31 + text.charCodeAt(i)) | 0;
const idx = Math.abs(h) % REPLIES.length;
let r = REPLIES[idx];
// If she has memory of this user, occasionally reference it
if (memory.length && Math.abs(h) % 3 === 0) {
const m = memory[memory.length - 1];
r = r + ` You mentioned ${m.summary} earlier — that has stayed with me.`;
}
return r;
}
function summarise(text) {
// Cheap noun-phrase grab for memory atoms
const t = text.trim().replace(/[.!?]+$/, '');
if (t.length < 60) return t.toLowerCase();
return t.slice(0, 56).toLowerCase() + '…';
}
// ─── App ────────────────────────────────────────────────────────────────────
function App() {
const [messages, setMessages] = useState(SEED);
const [draft, setDraft] = useState('');
const [state, setState] = useState('idle'); // idle | listening | thinking | speaking
const [memory, setMemory] = useState([
{ id: 'm-001', text: 'the lighthouse keeper came in with rain in his coat', summary: 'the keeper, the rain', kind: 'cherished', tMin: 0 },
{ id: 'm-002', text: 'a child asked about the broken bell', summary: 'the broken bell', kind: 'normal', tMin: 18 },
{ id: 'm-003', text: 'someone left a book on the windowsill', summary: 'the book on the windowsill', kind: 'faded', tMin: 240 },
]);
const [adminOpen, setAdminOpen] = useState(false);
const [adminTab, setAdminTab] = useState('schema');
const [tMin, setTMin] = useState(0); // time-travel: minutes "since now"
const streamRef = useRef(null);
const inputRef = useRef(null);
// Auto-scroll on new message
useEffect(() => {
const el = streamRef.current;
if (el) el.scrollTop = el.scrollHeight;
}, [messages, state]);
// Send handler
function send() {
const text = draft.trim();
if (!text) return;
setDraft('');
setMessages((prev) => prev.concat([{ from: 'user', t: 'just now', body: text }]));
setState('thinking');
// Add a memory atom for this user
setMemory((prev) => prev.concat([{
id: 'm-' + String(prev.length + 1).padStart(3, '0'),
text: text.toLowerCase(),
summary: summarise(text),
kind: text.length > 80 ? 'cherished' : 'normal',
tMin: 0,
}]));
setTimeout(() => {
setState('speaking');
setTimeout(() => {
setMessages((prev) => prev.concat([{
from: 'eliza', t: 'just now',
body: pickReply(text, memory),
}]));
setState('idle');
}, 600);
}, 1100);
}
function onKey(e) {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
send();
}
}
// Time-travel: derive what Eliza "remembers" at offset
const memoryView = useMemo(() => {
return memory.map((m) => {
const age = m.tMin + tMin;
let kind = m.kind;
if (kind === 'cherished') {
// cherished memories don't fade
} else if (age > 180) kind = 'faded';
else if (age > 60) kind = 'normal';
return { ...m, age, kind };
});
}, [memory, tMin]);
function whenLabel(min) {
if (min === 0) return 'now';
if (min < 60) return min + ' min ago';
if (min < 60 * 24) return Math.round(min / 60) + ' h ago';
return Math.round(min / (60 * 24)) + ' d ago';
}
return (
<>
{/* ──── Chat ──── */}