);
}
/* ─────────────────────────────────────────────────────────────
The Companion — context while a work is in hand. A one-shot
spoiler-free sheet (web-search grounded) plus a conversation
that knows where the reader is and never goes past it.
─────────────────────────────────────────────────────────── */
function workLabel(w) {
const cat = getCat(wantCatId(w));
const author = w.artist || (w.metadata && (w.metadata.author || w.metadata.artist));
return '"' + w.title + '"' + (author ? ' by ' + author : '') + ' (' + cat.label.toLowerCase() + ')';
}
/* Split a sheet into its capital-headed sections — one leaf each. */
function sheetSections(text) {
const isHead = (t) => /^[A-Z][A-Z &'’-]{2,42}$/.test(t);
const secs = [];
let cur = null;
text.split(/\n+/).forEach(ln => {
const t = ln.trim();
if (!t) return;
if (isHead(t)) { cur = { head: t, body: [] }; secs.push(cur); }
else if (cur) cur.body.push(t);
else { cur = { head: null, body: [t] }; secs.push(cur); }
});
return secs.length ? secs : [{ head: null, body: [text] }];
}
function CompanionView({ want, entries, onBack, onLived }) {
const [comp, setComp] = useW(() => loadCompanions()[want.id] || { sheet: null, sheetAt: null, chat: [], position: '' });
const [busy, setBusy] = useW(null); // 'sheet' | 'ask'
const [q, setQ] = useW('');
const [err, setErr] = useW(null);
const [leaf, setLeaf] = useW(0);
const touchX = React.useRef(null);
const persist = (next) => {
setComp(next);
const all = loadCompanions();
all[want.id] = next;
saveCompanions(all);
};
const tasteContext = () => {
try { return window.tpCompact ? window.tpCompact(entries) : ''; } catch { return ''; }
};
const drawSheet = async () => {
setBusy('sheet'); setErr(null);
try {
const sys =
'You are a learned, warm cultural companion. Write a spoiler-free companion sheet for someone who has just begun ' + workLabel(want) + '.\n\n' +
'Use web search (up to 3 searches) to verify facts about the maker and the context. If something cannot be verified, leave it out rather than invent it.\n\n' +
'Format: plain text, NO markdown. Four sections, each opened by a heading line in capitals on its own line:\n' +
'THE AUTHOR — who made it and where this work sits in their life (adapt the heading word: THE COMPOSER, THE ARTIST, THE DIRECTOR… as fits the medium).\n' +
'THE MOMENT — the historical and cultural circumstances around the work.\n' +
'WHAT TO NOTICE — themes, form, craft to watch for. Strictly nothing of the plot beyond its opening.\n' +
'IN YOUR INTERIOR — how this work sits among the works in the reader’s own archive, provided below. Name only works actually present in it.\n\n' +
'450–650 words. Warm and precise, no gush. Begin directly with the first heading line — no preamble, no closing remark.\n\n' +
'Write in English, unless the work itself is French-language — then write in French. Keep titles in their own language.';
const taste = tasteContext();
const text = await window.claude.complete({
model: 'claude-sonnet-4-6',
max_tokens: 2500,
system: sys,
tools: [{ type: 'web_search_20250305', name: 'web_search', max_uses: 3 }],
messages: [{ role: 'user', content: 'The work: ' + workLabel(want)
+ (want.why ? '\nWhy I wanted it: ' + want.why : '')
+ (taste ? '\n\nMy archive:\n' + taste : '') }],
});
persist({ ...comp, sheet: text, sheetAt: Date.now() });
setLeaf(0);
} catch (e) {
setErr(e.message);
}
setBusy(null);
};
const ask = async () => {
const t = q.trim();
if (!t || busy) return;
setQ(''); setBusy('ask'); setErr(null);
try {
const h = comp.chat.map(p => 'Q: ' + p.q + '\n\nA: ' + p.a).join('\n\n');
const prompt =
'You are a reading companion for ' + workLabel(want) + '.\n' +
'The reader is currently at: ' + (comp.position || 'not stated — assume they have only just begun') + '.\n' +
'STRICT SPOILER RULE: never reveal, foreshadow, or allude to anything in the work beyond that point. If an honest answer would require it, say you would be getting ahead of them, and stop there.\n' +
'Warm, specific, concise — 120–250 words. Plain prose. Answer in English unless the reader asks in another language, or the work itself is French-language.\n\n' +
(comp.sheet ? 'Companion sheet you wrote earlier:\n' + comp.sheet + '\n\n' : '') +
(h ? 'Earlier exchanges:\n' + h + '\n\n' : '') +
'The reader asks: ' + t;
const text = await window.claude.complete({
model: 'claude-sonnet-4-6',
max_tokens: 1200,
messages: [{ role: 'user', content: prompt }],
});
persist({ ...comp, chat: [...comp.chat, { q: t, a: text, ts: Date.now() }] });
} catch (e) {
setErr(e.message);
setQ(t);
}
setBusy(null);
};
const cat = getCat(wantCatId(want));
const byline = [
want.artist || (want.metadata && (want.metadata.author || want.metadata.artist)),
want.venue || (want.metadata && want.metadata.venue),
].filter(Boolean).join(' · ');
const renderLeaves = (text) => {
const secs = sheetSections(text);
const idx = Math.min(leaf, secs.length - 1);
const sec = secs[idx];
const go = (n) => setLeaf(Math.max(0, Math.min(secs.length - 1, n)));
return (
{field('title', 'Title')}
{field('author', 'Author', true)}
{field('year', 'Year, if printed', true)}
)}
);
}
function AntechamberView({ wants, entries, onChange, onLived, adding, onAdding }) {
const [companionFor, setCompanionFor] = useW(null);
// The Seal stays visible inside a companion; pressing it means "add a
// desire" — come back to the list so the form is actually seen.
React.useEffect(() => { if (adding) setCompanionFor(null); }, [adding]);
const today = new Date(); today.setHours(0, 0, 0, 0);
const dated = wants.filter(w => !w.begunAt).map(w => ({ w, dt: wantDate(w) }));
const inHand = wants.filter(w => w.begunAt).map(w => ({ w, dt: null }))
.sort((a, b) => (b.w.begunAt || 0) - (a.w.begunAt || 0));
const awaited = dated.filter(x => x.dt && x.dt >= today).sort((a, b) => a.dt - b.dt);
const missed = dated.filter(x => x.dt && x.dt < today).sort((a, b) => b.dt - a.dt);
const unhurried = dated.filter(x => !x.dt).sort((a, b) => (b.w.addedAt || 0) - (a.w.addedAt || 0));
const remove = (w) => onChange(wants.filter(x => x.id !== w.id));
const addWant = (w) => { onChange([w, ...wants]); onAdding(false); };
const begin = (w) => onChange(wants.map(x => x.id === w.id ? { ...x, begunAt: Date.now() } : x));
const setDown = (w) => onChange(wants.map(x => x.id === w.id ? { ...x, begunAt: undefined } : x));
// Companion data of removed/lived wants has no want to belong to — prune.
React.useEffect(() => {
const all = loadCompanions();
const ids = new Set(wants.map(w => w.id));
let changed = false;
Object.keys(all).forEach(k => { if (!ids.has(k)) { delete all[k]; changed = true; } });
if (changed) saveCompanions(all);
}, [wants]);
const companionWant = companionFor && wants.find(w => w.id === companionFor);
if (companionWant) {
return (
setCompanionFor(null)} onLived={onLived} />
);
}
const Section = ({ title, items, missedFlag }) => items.length === 0 ? null : (
{title} — {items.length}
{items.map(x => (
setCompanionFor(w.id)} />
))}
);
return (
The Antechamber
Waiting to be let in
{wants.length === 0
? 'Nothing waits at the door.'
: wants.length + (wants.length === 1 ? ' work waits' : ' works wait') + ' at the door of the Interior.'}