{KIND_LABEL[s.kind]}
· {s.origin}
{s.date}
{s.title}
{highlight ? (
"{s.excerpt.split(highlight).map((part, i, arr) => (
{part}
{i < arr.length - 1 && (
{highlight}
)}
))}"
) : (
"{s.excerpt}"
)}
{s.pages ? `${s.pages}pp · ` : ''}{s.atoms} atoms extracted
Open document →
);
}
// ────────────────────────────────────────────────────────────
// Inline citation table — Kind / Title / Confidence / Provenance
// (The user's existing notebook prototype uses this exact column set)
// ────────────────────────────────────────────────────────────
function InlineCitationTable({ atoms, compact = false }) {
if (!atoms || atoms.length === 0) return null;
return (
Kind
Atom · Title
{!compact && Conf}
Provenance
{atoms.map((aid, i) => {
const a = ATOM_BY_ID[aid];
if (!a) return null;
const s = SOURCE_BY_ID[a.src];
return (
{KIND_LABEL[s?.kind] || 'ATOM'}
{a.label || a.id}
{!compact && (
{AXES.find(x => x.key === a.axis)?.label || a.axis}
)}
{!compact && (
{Math.round(a.conf * 100)}%
)}
{(s?.title || '—').slice(0, compact ? 12 : 18)}
);
})}
);
}
// ────────────────────────────────────────────────────────────
// Inline atom cluster — mini graph showing the cited atoms
// ────────────────────────────────────────────────────────────
function InlineAtomCluster({ atoms, width = 280, height = 140 }) {
if (!atoms || atoms.length === 0) return null;
const nodes = atoms.map(aid => ATOM_BY_ID[aid]).filter(Boolean);
// tighter normalized space for the cluster
const minX = Math.min(...nodes.map(n => n.x));
const maxX = Math.max(...nodes.map(n => n.x));
const minY = Math.min(...nodes.map(n => n.y));
const maxY = Math.max(...nodes.map(n => n.y));
const rngX = Math.max(0.1, maxX - minX);
const rngY = Math.max(0.1, maxY - minY);
const mapX = (x) => 20 + ((x - minX) / rngX) * (width - 40);
const mapY = (y) => 20 + ((y - minY) / rngY) * (height - 40);
// edges between these nodes only
const edges = [];
nodes.forEach(a => (a.edges || []).forEach(e => {
if (atoms.includes(e)) edges.push({ a, b: ATOM_BY_ID[e] });
}));
const ragColor = { red: 'var(--red)', amber: 'var(--amber)', green: 'var(--green)' };
return (